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

转载：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()); //打印 "对象！"