js中的callee和caller

来源:互联网 发布:北塔软件规模 编辑:程序博客网 时间:2024/06/06 00:06

前一阵子看js高级程序设计时,看到了这两个以前不知道的属性,感觉挺有意思,今天有空就在博客上记一下:

大家都知道js函数有arguments对象包含传入函数的参数,是一个类数组对象,这个对象还有一个属性:callee,该属性是一个指针,指向拥有这个arguments的函数。在js高级这本书中举了一个递归函数的例子来体现它的作用;

//计算阶乘的函数,很简单function factorial(num){    if(num <= 1){        return 1;    }else{        return num * factorial(num - 1);    }}

但是这么写有一个弊端,这个函数的执行和函数名factorial紧紧耦合在了一起,当将这个函数赋值给其他变量时,且原函数重新赋值时,就不能达到阶乘的效果,比如像下面这种写法:

var truePactorial = factorial;//这里再将factorial重新赋值factorial = function(){    return 0;}truePactorial(5); //0,得不到正确结果120factorial(5); //0

但是换一种写法就可以了:

function factorial(num){    if(num <= 1){        return 1;    }else{        return num * arguments.callee(num - 1);    }}//这样再执行上面的语句就可以了var truePactorial = factorial;factorial = function(){    return 0;}truePactorial(5); //120,正确结果factorial(5); //0

为什么这里就可以了,因为这里递归调用不是调用的指定的某个函数,而是拥有arguments对象的函数!


caller:这个属性保存着调用当前函数的引用,如果是在全局作用域中调用当前函数,它的值为null;
代码:

function outer(){    inner();}function inner(){    console.log(inner.caller);}outer();//这里会console出函数outer的代码;

arguments.caller也可以访问,但是值始终为undefined,定义它是为了和函数的caller做一个区分,并且不能再严格模式下访问;
注意点:严格模式下,访问arguments.callee会导致错误;严格模式下,不能为函数的caller赋值