欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JavaScript中的arguments,callee,caller,call,appy [备忘]

程序员文章站 2022-06-10 09:37:49
...
转载:JavaScript中的arguments,callee,caller,call,appy [备忘]
http://hi.baidu.com/ai_zxc/blog/item/799fa0837a0434af0df4d20b.html
参考资料:
1 http://www.w3school.com.cn/js/pro_js_functions_arguments_object.asp
2 http://www.cnblogs.com/simayixin/archive/2011/05/09/2040953.html
3 js将类数组对象转换成数组对象
http://www.jb51.net/article/23332.htm
/**
* 演示arguments的用法,如何获取实参数和形数数
*/   
function argTest(a,b,c,d){   
      var numargs = arguments.length;   
      // 获取被传递参数的数值。   
      var expargs = argTest.length;   
      // 获取期望参数的数值。   
      alert( "实参数目为:" +numargs);   
      alert( "形数数目为:" +expargs);   
      alert(arguments[0]);   
      alert(argTest[0]); //undefined 没有这种用法   
}   
/**
   * 下面调用分别打印:
   * "实参数目为:2"
   * "形数数目为:4"
   * "1"
   * "undefined"
   */   
   argTest(1,2);   
  
   /**
    * 下面调用分别打印:
    * "实参数目为:5"
    * "形数数目为:4"
    * "1"
    * "undefined"
    */   
    argTest(1,2,3,4,5)    

/**
   * arguments不是数组(Array类)
   */   
Array.prototype.selfvalue = 1;   
function testAguments(){   
     alert( "arguments.selfvalue=" + arguments.selfvalue);   
}   
  
alert( "Array.sefvalue=" + new Array().selfvalue); //打印 "Array.sefvalue=1"   
  
testAguments(); //打印 "arguments.selfvalue=undefined"   

/**
      * 演示函数的caller属性.
      * 说明:(当前函数).caller:返回一个对函数的引用,该函数调用了当前函数
      */   
      function callerDemo() {   
         if (callerDemo.caller) {   
             var a= callerDemo.caller.arguments[0];   
             alert(a);   
         } else {   
             alert( "this is a top function" );   
         }   
     }   
       
     function handleCaller() {   
         callerDemo();   
     }   
       
     callerDemo(); //打印 "this is a top function"   
       
     handleCaller( "参数1" , "参数2" ); //打印 "参数1"  



/**
      * 演示函数的callee属性.
      * 说明:arguments.callee:初始值就是正被执行的 Function 对象,用于匿名函数
      */   
      function calleeDemo() {   
         alert(arguments.callee);   
      }   
        
      calleeDemo(); // 打印 calleeDemo 整个函数体   
      ( function (arg0,arg1){alert( "形数数目为:" +arguments.callee.length)})(); //打印 "形数数目为:2"   

/**
      * 演示apply,call函数的用法
      * 说明:作用都是将函数绑定到另外一个对象上去运行,两者仅在定义参数方式有所区别:
      * apply(thisArg,argArray);
      * call(thisArg[,arg1,arg2…] ]);
      * 即所有函数内部的this指针都会被赋值为thisArg
      */   
        
      function ObjectA(){   
         alert( "执行ObjectA()" );   
         alert(arguments[0]);   
         this .hit= function (msg){alert(msg)}   
         this .info= "我来自ObjectA"   
      }   
        
      function ObjectB(){   
         alert( "执行ObjectB()" );   
         //调用ObjectA()方法,同时ObjectA构造函数中的所有this就会被ObjectB中的this替代   
         ObjectA.apply( this ,arguments); //ObjectA.call(this);   
         alert( this .info);   
         this .hit( "来自A的hit函数" );   
     }   
       
     /**
      *当ObjectB()函数中第三行为这样时:
      *ObjectA.apply(this,arguments);
      *下面的调用,依次打印:
      * "执行ObjectB()"
      * "执行ObjectA()"
      * "参数0"
      * "我来自ObjectA"
      * "来自A的hit函数"
      *-----------------------------------
      *当ObjectB()函数中第三行为这样时:
      *ObjectA.call(this);
      *下面的调用,依次打印:
      * "执行ObjectB()"
      * "执行ObjectA()"
      * "undefined"
      * "我来自ObjectA"
      * "来自A的hit函数"
      */   
      ObjectB( '参数0' );   

var value= "global 变量" ;   
     function Obj(){   
         this .value= "对象!" ;   
     }   
     function Fun1(){   
         alert( this .value);   
     }   
       
     Fun1(); //打印 "global 变量"   
  
     Fun1.apply(window); //打印 "global 变量"   
     alert(window.value); //打印 "global 变量"   
     alert(document.value); //打印 "undifined"   
  
     Fun1.apply( new Obj()); //打印 "对象!"