JavaScript中的callee与caller的区别

1.callee

  callee是对象的一个属性,该属性是一个指针,指向参数arguments对象的函数

  作用:就是用来指向当前对象

  返回正被执行的 Function 对象,也就是所指定的 Function 对象的正文. 
  callee是arguments 的一个属性成员,它表示对函数对象本身的引用,这有利于匿名 
  函数的递归或者保证函数的封装性。 下面一段代码先说明callee的用法,实例代码摘自网上 :

 1 function calleeLengthDemo(arg1, arg2) { 
 2   alert(arguments.callee.toString()); 
 3   if (arguments.length == arguments.callee.length) { 
 4     window.alert("验证形参和实参长度正确!"); 
 5     return; 
 6   } else { 
 7     alert("实参长度:" + arguments.length); 
 8     alert("形参长度: " + arguments.callee.length); 
 9   } 
10 } 
11 calleeLengthDemo(1); 

  第一个消息框弹出calleeLengthDemo函数本身,这说明callee就是函数本身对象的引用。

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

 

2.caller

  caller是函数对象的一个属性,该属性保存着调用当前函数的函数的引用(指向当前函数的直接父函数)

  返回一个对函数的引用,该函数调用了当前函数。

  functionName.caller

  functionName 对象是所执行函数的名称。

  注意:

    对于函数来说,caller 属性只有在函数执行时才有定义。 如果函数是由 Javascript 程序的顶层调用的,那么 caller 包含的就是 null 。

  看看下面的函数,

 1 function caller() { 
 2   if (caller.caller) { 
 3     alert(caller.caller.toString()); 
 4   } else { 
 5     alert("函数直接执行"); 
 6   } 
 7 } 
 8 function handleCaller() { 
 9   caller(); 
10 } 
11 handleCaller(); 
12 caller(); 

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

 

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

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

  函数内部包含了对自身的引用,函数名仅仅是一个变量名,在函数内部调用即相当于调用 
  一个全局变量,不能很好的体现出是调用自身,这时使用callee会是一个比较好的方法 

1 var fn=(function(n){ 
2   if(n>0) return n+arguments.callee(n-1); 
3   return 0; 
4 })(10); 
5 alert(fn) 

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

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

posted @ 2017-01-17 13:34  安慕希  阅读(922)  评论(0编辑  收藏  举报