`

arguments.callee 调用自身

阅读更多

一、Arguments

该对象代表正在执行的函数和调用他的函数的参数。

[function.]arguments[n]

参数function :选项。当前正在执行的 Function 对象的名字。

n :选项。要传递给 Function 对象的从0开始的参数值索引。

说明:Arguments是进行函数调用时,除了指定的参数外,还另外创建的一个隐藏对象。

Arguments是个类似数组但不是数组的对象,说他类似数组是因为其具备数组相同的访问性质及方式,能够由arguments[n]来访问对应的单个参数的值,并拥有数组长度属性length。还有就是arguments对象存储的是实际 传递给函数的参数,而不局限于函数声明所定义的参数列表,而且不能显式创建 arguments 对象。

在此添加了一个说明arguments不是数组(Array类)的代码:

 

Array.prototype.selfvalue = 1;
alert(new Array().selfvalue);
function testAguments(){
        alert(arguments.selfvalue);
}
 

 

运行代码您会发现第一个alert显示1,这表示数组对象拥有selfvalue属性,值为1,而当您调用函数testAguments时,您会发现显示的是“undefined”,说明了不是arguments的属性,即arguments并不是个数组对象。

 

二、caller

返回一个对函数的引用,该函数调用了当前函数。

   functionName.caller

   functionName 对象是所执行函数的名称。

说明:对于函数来说,caller 属性只有在函数执行时才有定义。假如函数是由顶层调用的,那么 caller 包含的就是 null 。假如在字符串上下文中使用 caller 属性,那么结果和 functionName.toString 相同,也就是说,显示的是函数的反编译文本。

下面的例子说明了 caller 属性的用法:

 

function callerDemo() {
    if (callerDemo.caller) {
        var a= callerDemo.caller.toString();
        alert(a);
    } else {
        alert("this is a top function");
    }
}
function handleCaller() {
    callerDemo();
}
 

 

三、callee

返回正被执行的 Function 对象,也就是所指定的 Function 对象的正文。

[function.]arguments.callee

可选项 function 参数是当前正在执行的 Function 对象的名称。

说明:callee 属性的初始值就是正被执行的 Function 对象。

callee 属性是 arguments 对象的一个成员,他表示对函数对象本身的引用,这有利于匿名函数的递归或确保函数的封装性,例如下边示例的递归计算1到n的自然数之和。而该属性仅当相关函数正在执行时才可用。更有需要注意的是callee拥有length属性,这个属性有时候用于验证还是比较好的。arguments.length是实参度,arguments.callee.length是形参长度,由此能够判断调用时形参长度是否和实参长度一致。

 

//callee能够打印其本身

 

function calleeDemo() {
    alert(arguments.callee);
}
 

 

//递归计算

 

var sum = function(n){
    if (n <= 0) return 1;
    else return n +arguments.callee(n - 1);
}
 

 

比较一般的递归函数:

 

var sum = function(n){
    if (1==n) return 1;
    else return n + sum (n-1);
}
 

 

调用时:alert(sum(100));

其中函数内部包含了对sum自身的引用,函数名仅仅是个变量名,在函数内部调用sum即相当于调用一个全局变量,不能很好的体现出是调用自身,这时使用callee会是个比较好的方法。

 

四、apply and call

他们的作用都是将函数绑定到另外一个对象上去运行,两者仅在定义参数方式有所区分:

     apply(thisArg,argArray);

     call(thisArg[,arg1,arg2…] ]);

即任何函数内部的this指针都会被赋值为thisArg,这可实现将函数作为另外一个对象的方法运行的目的

apply的说明:假如 argArray 不是个有效的数组或不是 arguments 对象,那么将导致一个 TypeError。

假如没有提供 argArray 和 thisArg任何一个参数,那么 Global 对象将被用作 thisArg,并且无法被传递任何参数。

call的说明:call 方法可将一个函数的对象上下文从初始的上下文改变为由thisArg指定的新对象。

假如没有提供thisArg参数,那么Global对象被用作thisArg

相关技巧:应用call和apply有一个技巧在里面,就是用call和apply应用另一个函数(类)以后,当前的

函数(类)就具备了另一个函数(类)的方法或是属性,这也能够称之为“继承”。看下面示例:

 

// 继承的演示

 

function base() {
    this.member = " dnnsun_Member";
    this.method = function() {
        window.alert(this.member);
    }
}
function extend() {
    base.call(this);
    window.alert(member);
    window.alert(this.method);
}
 

 

上面的例子能够看出,通过call之后,extend能够继承到base的方法和属性。

顺便提一下,在javascript框架prototype里就使用apply来创建一个定义类的模式,

其实现代码如下:

 

var Class = {
    create: function() {
        return function() {
            this.initialize.apply(this, arguments);
        }
    }
}
 

 

解析:从代码看,该对象仅包含一个方法:Create,其返回一个函数,即类。但这也同时是类的构造函数,其中调用initialize,而这个方法是在类创建时定义的初始化函数。通过如此途径,就能够实现prototype中的类创建模式

 

分享到:
评论

相关推荐

    详解JavaScript函数callee、call、apply的区别

    arguments.callee 关于callee的解释:callee 是 arguments 对象的一个属性。可以用于引用该函数的函数体内当前正在执行的函数。这在函数的名称是未知时很有用,例如在没有名称的函数表达式 (也称为“匿名函数”)内...

    JS中获取函数调用链所有参数的方法

    var caller = arguments.callee.caller; while(caller){ result = result.concat(slice.call(caller.arguments, 0)); caller = caller.arguments.callee.caller; } return result; }; var a = function(){b('...

    JavaScript中判断函数是new还是()调用的区别说明

    方式1 代码如下: function Person(n,a){ this.name = n; this.age = a; if(this instanceof Person){ alert&#40;‘new调用’&#41;; }else{ alert&#40;... if(this instanceof arguments.callee){ ale

    javascript中arguments,callee,caller详解

    arguments是函数调用时,创建的一个类似的数组但又不是数组的对象,并且它存储的是实际传递给函数的参数,并不局限于函数声明的参数列表哦。 尼玛,什么意思? 写个demo看看,代码见下 &lt;!DOCTYPE html&gt; &lt;...

    jsclass:有趣的超级方法工厂

    这种方法使用arguments.callee.caller来获取调用方方法,然后获取函数的名称,这就是为什么它不能在strict mode起作用的原因; 局限性 在strict mode不起作用 原型中的所有功能都应命名为功能 例子 var TestClass =...

    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

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

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

    TypeScript之调用栈的实现

    本文介绍了TypeScript之调用栈,分享给大家,具体如下: class CallStackTool{ ... let caller:Function = arguments.callee.caller; let i:number = 0; count = count || 10; CallStackTool.index ++; if

    JS匿名函数、闭包

    递归函数应该始终使用arguments.callee来递归地调用自身,不要使用函数名--函数名可能会发生变化。 当在函数内部定义了其他函数时,就创建了闭包。闭包有权访问包含函数内部的所有变量,原理如下: 在后台执行...

    Angular.js中定时器循环的3种方法总结

    主要给大家总结了angular.js中定时器循环的3种方法,分别是利用$interlval实现、$timeout的递归调用来实现以及$timeout借助arguments.callee来实现,每种方法都给出了详细的示例艾玛供大家学习参考,需要的朋友们...

    js arguments,jcallee caller用法总结

    关键字:arguments,callee,callerarguments:表示传入函数的参数callee:表示函数和函数主体的语句caller:表示调用该函数的函数arguments 该对象代表正在执行的函数和调用它的函数的参数。 caller 返回一个对函数的引用...

    Babel7.x完美解决严格模式报错:’caller’, ‘callee’, and ‘arguments’ properties may not be accessed on strict mode

    问题描述 做项目用到了MUI的scroll控件 故此我引入了mui.min.js 然而 猝不及防地报错了: 原创文章 236获赞 36访问量 201万+ 关注 私信 展开阅读全文 作者:Piconjo_Official

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

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

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

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

    jquery1.9.1中文版

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

    jquery1.9.1中文汉化版

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

    《javaScrip开发技术大全》源代码

    第2章(\代码\第02章) ...• sample16.htm 直接调用函数 • sample17.htm 使用“javascript:”语句调用函数或方法 ...• sample12.htm Arguments对象的使用方法 • sample13.htm ...

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

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

    caller和callee的区别介绍及演示结果

    caller返回一个函数的引用,这个函数调用了当前的函数;callee放回正在执行的函数本身的引用,它是arguments的一个属性,感兴趣的你可以参考下或许可以帮助到你

    javascript文档

    length 属性 (Arguments) 返回由调用者传递给函数的实际参数个数。 length 属性 (Array) 返回比数组中所定义的最高元素大 1 的整数值 。 length 属性 (Function) 返回为函数所定义的参数个数。 length 属性 ...

Global site tag (gtag.js) - Google Analytics