扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
本文实例讲述了JavaScript中callee和caller的区别与用法。分享给大家供大家参考,具体如下:
为新和等地区用户提供了全套网页设计制作服务,及新和网站建设行业解决方案。主营业务为成都网站设计、成都做网站、新和网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
1.callee
在函数的内部,有两个特殊的对象:arguments和this。其中arguments是一个类似数组的对象,包含着传入函数的所有参数。
虽然arguments的主要用途是保存函数参数,但这个对象有一个属性——callee,该属性是一个指针,指向拥有这个arguments对象的函数
所以callee的作用就是来指向当前对象
看一个阶层函数的例子就会明白他的用途了:
/* * 普通的递归阶层函数 */ function factorial(num){ if(num <= 1){ return 1; }else{ return num *factorial(num-1); } }
上面的代码运行没有问题,但这个函数的执行与函数名factorial紧紧耦合在一起了,要是改变了函数名,里面的函数名也要随着改变,这样很不方便,所以我们用arguments.callee
来消除这种耦合。
//使用callee属性的递归阶层函数 function factorial1(num){ if(num <= 1){ return 1; }else{ return num * arguments.callee(num-1); } }
根据callee的定义,callee是arguments对象的一个属性,指向拥有arguments对象的函数,这个函数就是factorial1 (factorial1=arguments.callee),他们指向的都是上面的递归函数。请记住函数的名字仅仅是一个包含指针的变量而已。
2.caller
caller是函数对象的一个属性,该属性保存着调用当前函数的函数的引用(指向当前函数的直接父函数)
返回一个对函数的引用,该函数调用了当前函数。
function a(){//父函数 b(); }; function b(){ console.info(b.caller); }; a(); //结果就是弹出函数a和内容
可以看到函数b的属性caller调用当前函数b的函数引用a(就是指向当前函数b的父函数a)
3.将callee和caller结合起来使用
function b(){ alert(b.caller); };
从这个代码可以看出b函数中调用了b函数名,这样当函数名改变时就很不方便,我们需要替换里面的那个b
前面我们知道用什么方法可以指向当前对象,下面我们就来修改一下:
(function a(){ b(); })(); function b(){ alert(arguments.callee.caller);//用arguments.callee代替了b };
4.实例:斐波那契数列(用递归思想)
如果一对兔子每月生一对兔子;一对新生兔,从第二个月起就开始生兔子;假定每对兔子都是一雌一雄,试问一对兔子,第n个月能繁殖成多少对兔子?(使用callee完成)
var result=[]; function fn(n){ if(n==1){ return 1; }else if(n==2){ return 1; }else { if(result[n]){ return result[n]; }else{ //arguments.callee(...)=fn(...) result[n]=arguments.callee(n-1)+arguments.callee(n-2); return result[n]; } } }
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于JavaScript相关内容可查看本站专题:《JavaScript常用函数技巧汇总》、《javascript面向对象入门教程》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流