JavaScript 之arguments、caller 和 callee 介绍

1.前言

arguments, caller ,   callee 是什么?

在javascript 中有什么样的作用?本篇会对于此做一些基本介绍。

2. arguments

arguments:  在函数调用时, 会自动在该函数内部生成一个名为 arguments的隐藏对象。 该对象类似于数组, 但又不是数组。可以使用[]操作符获取函数调用时传递的实参。
[html] view plain copy
 
  1. <!--by oscar999 2013-1-16-->    
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  3. <html>  
  4. <head>  
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  6. <title>Arguments Test</title>  
  7. </head>  
  8. <body>  
  9. <script>  
  10. function testArg()  
  11. {  
  12.     alert("real parameter count: "+arguments.length);  
  13.     for(var i = 0; i arguments.length; i++)  
  14.     {  
  15.         alert(arguments[i]);  
  16.     }  
  17. }  
  18.   
  19.   
  20. testArg(11);  //count: 1      
  21. testArg('hello','world');  // count: 2    
  22. </script>  
  23. </body>  
  24. </html>  
看上去很简单。 需要注意的是 argument 保存的实参的信息。

上面有说,   arguments 不是一个数组,何以见得? 执行以下部分就可以知道了
[javascript] view plain copy
 
  1. (function () {  
  2.     alert(arguments instanceof Array); // false  
  3.     alert(typeof(arguments)); // object  
  4. })();  
对于以上立即执行函数写法不清楚的话, 可以参考
http://blog.csdn.net/oscar999/article/details/8507919

只有函数被调用时,arguments对象才会创建,未调用时其值为null:
[javascript] view plain copy
 
  1. alert(new Function().arguments);//return null  

arguments 的完整语法如下:
[function.]arguments[n]
参数function :选项。当前正在执行的 Function 对象的名字。 n :选项。要传递给 Function 对象的从0开始的参数值索引。 

3. caller

在一个函数调用另一个函数时,被调用函数会自动生成一个caller属性,指向调用它的函数对象。如果该函数当前未被调用,或并非被其他函数调用,则caller为null。

[javascript] view plain copy
 
  1. <script>  
  2. function testCaller() {  
  3.     var caller = testCaller.caller;  
  4.     alert(caller);  
  5. }  
  6.   
  7. function aCaller() {  
  8.     testCaller();  
  9. }  
  10.   
  11. aCaller();  

4. callee

当函数被调用时,它的arguments.callee对象就会指向自身,也就是一个对自己的引用。
由于arguments在函数被调用时才有效,因此arguments.callee在函数未调用时是不存在的(即null.callee),且解引用它会产生异常。
[javascript] view plain copy
 
  1. <script>  
  2. function aCallee(arg) {  
  3.   alert(arguments.callee);  
  4. }  
  5.   
  6. function aCaller(arg1, arg2) {aCallee();}  
  7.   
  8. aCaller();  
  9. </script>  
posted @ 2016-12-06 10:43  菜鸟提升记  阅读(295)  评论(0编辑  收藏  举报