`

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中arguments和arguments.callee的区别浅析

    举个替代 `arguments.callee` 的例子,如果你需要在函数内部引用自身,可以使用命名函数表达式或者保存函数名到一个变量,如: ```javascript let f = function(x, y, z) { let currentFunction = f; // 现在你...

    js arguments.callee的应用代码

    1. 递归函数中引用函数自身:当一个函数不知道自己的名称或出于某些设计考虑不想使用函数名调用自身时,可以使用arguments.callee来引用函数自身,从而实现递归调用。 2. 匿名函数中引用自身:如果函数是通过匿名...

    JavaScript arguments.callee作用及替换方案详解

    1. **匿名函数递归**:在没有给函数命名的情况下,`arguments.callee`允许函数调用自身,实现递归。这对于编写需要递归的匿名函数很有帮助,因为它可以避免对函数名的硬编码依赖。 2. **封装性**:`arguments....

    Javascript函数中的arguments.callee用法实例分析

    箭头函数不绑定自己的arguments对象,这使得arguments.callee变得更难以使用。另外,通过命名函数表达式(Named Function Expression),我们也能在函数被覆盖后仍能通过其名称来调用函数。 尽管如此,对arguments....

    js代码-arguments.callee

    1. **无名函数引用**:在函数没有名字的情况下,`arguments.callee`可以用来引用该函数自身。这在某些场景下非常有用,比如递归调用匿名函数时: ```javascript (function() { if (someCondition) { arguments....

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

    这意味着你可以通过`arguments.callee`来引用调用函数,这对于匿名函数或者递归调用非常有用,因为匿名函数没有名字,无法直接引用自身。 ```javascript (function sum(n) { if (n === 1) return 1; return n + ...

    Arguments对象作用深度研究.pdf

    这对于实现递归调用特别有用,因为函数可以直接通过arguments.callee调用自己,而无需保存函数名称的引用。例如,如果一个函数需要根据参数动态决定是否进行递归调用,arguments.callee就派上了用场。 再者,...

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

    在JavaScript编程中,arguments、caller和callee是函数对象自带的三个隐含参数,它们为开发者提供了额外的函数执行信息,尤其在处理函数参数、递归调用以及调用栈追踪时非常有用。下面详细介绍这些隐含参数的使用...

    javascript中arguments,callee,caller详解

    JavaScript中的arguments、caller和callee是与函数调用相关的几个重要概念,它们分别代表函数调用时传递的参数对象、调用当前函数的函数以及当前正在执行的函数。 首先,我们来了解arguments。在JavaScript中,当...

    【JavaScript源代码】JavaScript中arguments的使用方法详解.docx

    在这里,`arguments.callee`引用了`factorial`函数,使得函数可以递归调用自身,计算阶乘。 然而,需要注意的是,`arguments`对象虽然类似数组,但并不是真正的数组。因此,数组的方法如`shift`、`push`、`join`等...

    js中arguments,caller,callee,apply的用法小结.docx

    在JavaScript中,arguments、caller、callee和apply是四个与函数调用相关的特性,它们在编写高级和复杂的函数逻辑时非常有用。下面将详细介绍这些概念及其用法。 1. **arguments对象** arguments对象是一个特殊...

    javascript函数中的arguments参数

    `arguments`对象不是数组,而是一个类数组对象,它包含了函数调用时传入的所有实际参数。 在给定的标题和描述中,我们关注的是`arguments.length`和`arguments.callee`两个属性。 1. `arguments.length`:这个属性...

    javascript中callee与caller的用法和应用场景

    由于递归函数在调用自身时可能无法使用函数名(比如匿名函数),`arguments.callee`可以作为替代方案。 ``` var fn = (function(n){ if(n &gt; 0) return n + arguments.callee(n - 1); return 0; })(10); ``` 在这...

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

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

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

    在递归调用中,使用`arguments.callee`而不是函数名`sum`可以确保无论函数如何被重命名,递归调用仍然能够正确地指向函数本身。 此外,`arguments.callee`还有length属性,这允许验证参数数量是否正确。`arguments....

    Javascript 实现匿名递归的实例代码

    这个匿名函数在调用时使用`arguments.callee`来递归调用自身,实现了匿名递归。 需要注意的是,`arguments.callee`在严格模式下是不允许使用的,因为它可能对性能和内存使用造成负面影响。因此,在现代JavaScript中...

    arguments对象的使用

    1. **length属性**:`arguments.length`返回函数被调用时传入的参数个数,这与函数定义中的形参数量可能不同。 2. **索引访问**:可以通过索引来访问`arguments`对象中的参数,就像访问数组一样。例如,`arguments...

Global site tag (gtag.js) - Google Analytics