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

 

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的应用场景 主要用于察看函数本身被哪个函数调用。