javascript中callee与caller的用法和应用场景


Posted in Javascript onDecember 08, 2010

caller :
functionName.caller 返回调用者。

看看下面的函数,大家可以复制到VS中执行下

function caller() { 
if (caller.caller) { 
alert(caller.caller.toString()); 
} else { 
alert("函数直接执行"); 
} 
} 
function handleCaller() { 
caller(); 
} 
handleCaller(); 
caller();

大家会发现第一个alert会弹出调用caller函数的调用者handleCaller,而第二个alert由于没有在其他函数体内调用,所以caller为null,就执行了 alert("函数直接执行");

callee:

返回正被执行的 Function 对象,也就是所指定的 Function 对象的正文.
callee是arguments 的一个属性成员,它表示对函数对象本身的引用,这有利于匿名

函数的递归或者保证函数的封装性。 下面一段代码先说明callee的用法,实例代码摘自网上

function calleeLengthDemo(arg1, arg2) { 
alert(arguments.callee.toString()); 
if (arguments.length == arguments.callee.length) { 
window.alert("验证形参和实参长度正确!"); 
return; 
} else { 
alert("实参长度:" + arguments.length); 
alert("形参长度: " + arguments.callee.length); 
} 
} 
calleeLengthDemo(1);

第一个消息框弹出calleeLengthDemo函数本身,这说明callee就是函数本身对象的引用。callee还有个非常有用的应用就是用来判断实际参数跟行参是否一致。上面的代码第一个消息框会弹出实际参数的长度为1,形式参数也就是函数本身的参数长度为2.

应用场景:
callee的应用场景一般用于匿名函数
大家看下下面一段代码 摘自网络

var fn=function(n){ 
if(n>0) return n+fn(n-1); 
return 0; 
} 
alert(fn(10))

函数内部包含了对自身的引用,函数名仅仅是一个变量名,在函数内部调用即相当于调用
一个全局变量,不能很好的体现出是调用自身,这时使用callee会是一个比较好的方法
var fn=(function(n){ 
if(n>0) return n+arguments.callee(n-1); 
return 0; 
})(10); 
alert(fn)

这样就让代码更加简练。又防止了全局变量的污染。

caller的应用场景 主要用于察看函数本身被哪个函数调用。

Javascript 相关文章推荐
JavaScript 封装Ajax传递的数据代码
Jun 05 Javascript
jquery创建一个新的节点对象(自定义结构/内容)的好方法
Jan 21 Javascript
jQuery扁平化风格下拉框美化插件FancySelect使用指南
Feb 10 Javascript
javascript模拟php函数in_array
Apr 27 Javascript
微信小程序 省市区选择器实例详解(附源码下载)
Jan 05 Javascript
JS模拟实现ECMAScript5新增的数组方法
Mar 20 Javascript
JavaScript中为事件指定处理程序的五种方式分析
Jul 27 Javascript
JavaScript实现邮箱后缀提示功能的示例代码
Dec 13 Javascript
vue element-ui读取pdf文件的方法
Nov 26 Javascript
微信小程序获取公众号文章列表及显示文章的示例代码
Mar 10 Javascript
Node.js API详解之 util模块用法实例分析
May 09 Javascript
Ajax请求超时与网络异常处理图文详解
May 23 Javascript
js下通过prototype扩展实现indexOf的代码
Dec 08 #Javascript
在JQuery dialog里的服务器控件 事件失效问题
Dec 08 #Javascript
jquery蒙版控件实现代码
Dec 08 #Javascript
基于JQuery制作的产品广告效果
Dec 08 #Javascript
关于用Jquery的height()、width()计算动态插入的IMG标签的宽高的问题
Dec 08 #Javascript
写js时遇到的一些小问题
Dec 06 #Javascript
javascript定义函数的方法
Dec 06 #Javascript
You might like
php插入mysql数据返回id的方法
2018/05/31 PHP
ThinkPHP5与单元测试PHPUnit使用详解
2020/02/23 PHP
Thinkphp 框架扩展之标签库驱动原理与用法分析
2020/04/23 PHP
PHP预定义接口――Iterator用法示例
2020/06/05 PHP
Jquery通过Ajax方式来提交Form表单的具体实现
2013/11/07 Javascript
jQuery浏览器CSS3特写兼容实例
2015/01/19 Javascript
JS实现超简单的仿QQ折叠菜单效果
2015/09/21 Javascript
一次围绕setTimeout的前端面试经验分享
2017/06/15 Javascript
Angular4如何自定义首屏的加载动画详解
2017/07/26 Javascript
vue使用axios跨域请求数据问题详解
2017/10/18 Javascript
vue中$nextTick的用法讲解
2019/01/17 Javascript
Vue 实现从文件中获取文本信息的方法详解
2019/10/16 Javascript
Vuejs通过拖动改变元素宽度实现自适应
2020/09/02 Javascript
[55:18]Liquid vs Chaos 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
Python编程实现的简单Web服务器示例
2017/06/22 Python
利用Django-environ如何区分不同环境
2018/08/26 Python
解决Pycharm出现的部分快捷键无效问题
2018/10/22 Python
10 分钟快速入门 Python3的教程
2019/01/29 Python
Python利用heapq实现一个优先级队列的方法
2019/02/03 Python
Python3数字求和的实例
2019/02/19 Python
python数据分析:关键字提取方式
2020/02/24 Python
Python应用实现双指数函数及拟合代码实例
2020/06/19 Python
PyTorch之nn.ReLU与F.ReLU的区别介绍
2020/06/27 Python
python 中的9个实用技巧,助你提高开发效率
2020/08/30 Python
Python 实现PS滤镜中的径向模糊特效
2020/12/03 Python
HTML5 canvas基本绘图之绘制矩形
2016/06/27 HTML / CSS
记一次高分屏下canvas模糊问题
2020/02/17 HTML / CSS
美国高级工作服品牌:Carhartt
2018/01/25 全球购物
大学生自我鉴定书
2014/03/24 职场文书
小露珠教学反思
2014/04/30 职场文书
尊老爱亲美德少年事迹材料
2014/08/14 职场文书
介绍信模板
2015/01/31 职场文书
致地震灾区的慰问信
2015/03/23 职场文书
自主招生自荐信格式范文
2015/03/25 职场文书
教你用Python matplotlib库制作简单的动画
2021/06/11 Python
Pandas数据类型之category的用法
2021/06/28 Python