JavaScript中callee和caller的区别与用法实例分析

前端  /  管理员 发布于 5年前   403

本文实例讲述了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..net.cn/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容可查看本站专题：《JavaScript常用函数技巧汇总》、《javascript面向对象入门教程》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

• js的隐含参数(arguments,callee,caller)使用方法
• javascript中callee与caller的用法和应用场景
• js apply/call/caller/callee/bind使用方法与区别分析
• javascript下arguments,caller,callee,call,apply示例及理解
• javascript中callee与caller的区别分析
• js中arguments,caller,callee,apply的用法小结
• 理解Javascript的caller,callee,call,apply区别
• Javascript - 全面理解 caller，callee，call，apply
• js arguments,jcallee caller用法总结
• javascript中caller和callee详解
• js中的caller和callee属性介绍和例子