JavaScript中的arguments,callee,caller,call,appy

1.演示arguments的用法

Js代码
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">   
  2. <html>   
  3. <head>   
  4. <script language="JavaScript">   
  5. <!--   
  6. /**
  7. * 演示arguments的用法,如何获取实参数和形数数
  8. */   
  9. function argTest(a,b,c,d){   
  10.      var numargs = arguments.length;   
  11.      // 获取被传递参数的数值。   
  12.      var expargs = argTest.length;   
  13.      // 获取期望参数的数值。   
  14.       alert("实参数目为:"+numargs);   
  15.       alert("形数数目为:"+expargs);   
  16.       alert(arguments[0]);   
  17.       alert(argTest[0]); //undefined 没有这种用法   
  18. }   
  19. /**
  20.    * 下面调用分别打印:
  21.    * "实参数目为:2"
  22.    * "形数数目为:4"
  23.    * "1"
  24.    * "undefined"
  25.    */   
  26.    argTest(1,2);   
  27.   
  28.   /**
  29.     * 下面调用分别打印:
  30.     * "实参数目为:5"
  31.     * "形数数目为:4"
  32.     * "1"
  33.     * "undefined"
  34.     */   
  35.     argTest(1,2,3,4,5)   
  36. //-->   
  37. </script>   
  38. </head>   
  39. <body></body>   
  40. </html>   

   

2.arguments不是数组(Array类)

Js代码
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">   
  2. <html>   
  3. <head>   
  4. <script language="JavaScript">   
  5. <!--   
  6. /**
  7.    * arguments不是数组(Array类)
  8.    */   
  9. Array.prototype.selfvalue = 1;   
  10. function testAguments(){   
  11.      alert("arguments.selfvalue=" + arguments.selfvalue);   
  12. }   
  13.   
  14. alert("Array.sefvalue=" + new Array().selfvalue);//打印 "Array.sefvalue=1"   
  15.   
  16. testAguments();//打印 "arguments.selfvalue=undefined"   
  17. //-->   
  18. </script>   
  19. </head>   
  20. <body>   
  21. </body>   
  22. </html>   
  23.    

 

3.演示函数的caller属性

 

Js代码
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">   
  2. <html>   
  3. <head>   
  4. <script language="JavaScript">   
  5. <!--   
  6.     /**
  7.       * 演示函数的caller属性.
  8.       * 说明:(当前函数).caller:返回一个对函数的引用,该函数调用了当前函数
  9.       */   
  10.      function callerDemo() {   
  11.         if (callerDemo.caller) {   
  12.             var a= callerDemo.caller.arguments[0];   
  13.              alert(a);   
  14.          } else {   
  15.              alert("this is a top function");   
  16.          }   
  17.      }   
  18.        
  19.     function handleCaller() {   
  20.          callerDemo();   
  21.      }   
  22.        
  23.      callerDemo(); //打印 "this is a top function"   
  24.        
  25.      handleCaller("参数1","参数2"); //打印 "参数1"   
  26. //-->   
  27. </script>   
  28. </head>   
  29. <body>   
  30. </body>   
  31. </html>  

 

 

 

4.演示函数的callee属性

Js代码
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">   
  2. <html>   
  3. <head>   
  4. <script language="JavaScript">   
  5. <!--   
  6.     /**
  7.       * 演示函数的callee属性.
  8.       * 说明:arguments.callee:初始值就是正被执行的 Function 对象,用于匿名函数
  9.       */   
  10.      function calleeDemo() {   
  11.          alert(arguments.callee);   
  12.       }   
  13.         
  14.       calleeDemo(); // 打印 calleeDemo 整个函数体   
  15.       (function(arg0,arg1){alert("形数数目为:"+arguments.callee.length)})();//打印 "形数数目为:2"   
  16. //-->   
  17. </script>   
  18. </head>   
  19. <body>   
  20. </body>   
  21. </html>  

5.演示apply,call函数的用法

Js代码
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">   
  2. <html>   
  3. <head>   
  4. <script language="JavaScript">   
  5. <!--   
  6.     /**
  7.       * 演示apply,call函数的用法
  8.       * 说明:作用都是将函数绑定到另外一个对象上去运行,两者仅在定义参数方式有所区别:
  9.       * apply(thisArg,argArray);
  10.       * call(thisArg[,arg1,arg2…] ]);
  11.       * 即所有函数内部的this指针都会被赋值为thisArg
  12.       */   
  13.         
  14.      function ObjectA(){   
  15.          alert("执行ObjectA()");   
  16.          alert(arguments[0]);   
  17.         this.hit=function(msg){alert(msg)}   
  18.         this.info="我来自ObjectA"   
  19.       }   
  20.         
  21.      function ObjectB(){   
  22.          alert("执行ObjectB()");   
  23.         //调用ObjectA()方法,同时ObjectA构造函数中的所有this就会被ObjectB中的this替代   
  24.          ObjectA.apply(this,arguments);//ObjectA.call(this);   
  25.          alert(this.info);   
  26.         this.hit("来自A的hit函数");   
  27.      }   
  28.        
  29.     /**
  30.       *当ObjectB()函数中第三行为这样时:
  31.       *ObjectA.apply(this,arguments);
  32.       *下面的调用,依次打印:
  33.       * "执行ObjectB()"
  34.       * "执行ObjectA()"
  35.       * "参数0"
  36.       * "我来自ObjectA"
  37.       * "来自A的hit函数"
  38.       *-----------------------------------
  39.       *当ObjectB()函数中第三行为这样时:
  40.       *ObjectA.call(this);
  41.       *下面的调用,依次打印:
  42.       * "执行ObjectB()"
  43.       * "执行ObjectA()"
  44.       * "undefined"
  45.       * "我来自ObjectA"
  46.       * "来自A的hit函数"
  47.       */   
  48.       ObjectB('参数0');   
  49. //-->   
  50. </script>   
  51. </head>   
  52. <body>   
  53. </body>   
  54. </html>  

你可能感兴趣的:(JavaScript,html,prototype)