`

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> 
分享到：
| Java——协变数组和类型擦除(covariant arr ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    javascript中arguments,callee,caller详解

    javascript中arguments,caller,callee 是什么？在javascript 中有什么样的作用？本篇会对于此做一些基本介绍。希望大家能够喜欢。

    JavaScript中callee和caller的区别与用法实例分析

    本文实例讲述了JavaScript中callee和caller的区别与用法。分享给大家供大家参考，具体如下： 1.callee 在函数的内部，有两个特殊的对象：arguments和this。其中arguments是一个类似数组的对象，包含着传入函数的所有...

    javascript下arguments,caller,callee,call,apply示例及理解

    在看到大家如此关注JS里头的这几个对象，我试着把原文再修改一下，力求能再详细的阐明个中意义

    js中的caller和callee属性介绍和例子

    一、caller 返回一个对函数的引用，该函数调用了当前函数。 functionName.caller ... 代码如下:function callerDemo() { if ( arguments.caller) { var a= callerDemo.caller.toString(); alert(a

    理解Javascript的caller,callee,call,apply区别

    在提到上述的概念之前，首先想说说javascript中函数的隐含参数：arguments arguments 该对象代表正在执行的函数和调用它的函数的参数。 [function.]arguments[n] 参数function ：选项。当前正在执行的 Function ...

    javascript中callee与caller的区别分析

    callee是对象的一个属性，该属性是一个指针，指向参数arguments对象的函数 首先我们来写个阶成函数： function chen(x){ if (x&lt;=1) { return 1; } else{ return x*chen(x-1); }; }; 从这个函数中可以看出来，...

    js的隐含参数(arguments,callee,caller)使用方法

    arguments 该对象代表正在执行的函数和调用它的函数的参数。[function.]arguments[n]参数function：选项。当前正在执行的 Function 对象的名字。 n ：选项。要传递给 Function 对象的从0开始的参数值索引。说明...

    JavaScript权威指南

    Arguments.callee Arguments.length Array Array.concat( ) Array.join( ) Array.length Array.pop( ) Array.push( ) Array.reverse( ) Array.shift( ) Array.slice( ) Array.sort( ...

    火狐和ie下获取javascript 获取event的方法(推荐)

    javascript 获取event 先从一个简单的例子说起，一个简单的button控件如下: &lt;input type=’button’ name=’mybtn’ id=’mybtn’ ... var ev = window.event || arguments.callee.caller.arguments[0] ,et = ev.

    javascript event在FF和IE的兼容传参心得(绝对好用)

    aClassArray[i].onmouseover =linkMouseover//不传参的情况下是可以用的，但后续不能用 arguments.callee.caller.arguments[0] aClassArray[i].onmouseover =linkMouseover()//加括号是错误用法 aClassArray[i]....

    javascript full screen 全屏显示页面元素的方法

    一种最简单的方式，就是动态改变你想要全屏显示的部件的style，例如position变成absolute，height... 代码如下:[removed] = function (event) { var e = event || window.event || arguments.callee.caller.arguments

    JoV5#blog#4.7 【ES5】严格模式与闭包1

    3. 访问arguments.callee或函数的caller属性将导致“类型错误（TypeError）” 4. 以下代码的执行效果与非严格模式并不一致：js

    微软JavaScript手册

    callee 属性 返回正执行的函数对象，它是指定的函数对象的文本正文。 caller 属性 返回调用当前函数的函数引用。 catch 语句 包含在 try 语句块中的代码发生错误时执行的语句。 ceil 方法 返回大于或等于其数值...

    jquery1.9.1中文版

    // the stack via arguments.caller.callee and Firefox dies if //你尝试查找通过“精确使用”呼叫链接（#13335） //支持：火狐浏览器 18+ //“精确使用”； var //deferred对象被使用在DOM（Document Object ...

    详解JavaScript的闭包、IIFE、apply、函数与对象

    3.1、参数对象 （arguments） 3.2、构造函数 3.3、函数调用 3.3.1、call 3.3.2、apply 3.3.3、caller 3.3.4、Callee 3.5、立即执行函数表达式 (IIFE) 3.5.1、匿名函数与匿名对象 3.5.2、函数与函数表达式 3.5.3、...

    javascript同步Import,同步调用外部js的方法

    !– (function(){ if(typeof window._Import !... //防止多次加载 function _Import(uri, x) { var f = arguments.callee.caller; if(typeof f == “function”) { var IsIE = (navigator.u

    javascript文档

    javascript的官方文档 这些方便实用的信息将帮助您了解 JScript 的各个部分。 在“字母顺序的关键字列表”中，可以找到按字母顺序列出的所有 JScript 语言的主题。如果只需要查看某个主题（例如对象），则有对该主题...

    jquery1.9.1中文汉化版

    // the stack via arguments.caller.callee and Firefox dies if //你尝试查找通过“精确使用”呼叫链接（#13335） //支持：火狐浏览器 18+ //“精确使用”； var //deferred对象被使用在DOM（Document Object ...

Magicbox
Global site tag (gtag.js) - Google Analytics