通过实例理解JavaScript中的arguments,call,apply,callee及caller

在学习javascript的过程中，会经常遇到arguments,callee等的使用。对于arguments的理解还是比较容易的，但是对于callee,caller,call和apply的概念自己还比较模糊，所以通过网络去搜索相关知识资料，那么最近看过一些解释文章，虽然结果都差不多，千篇一律的，但还是有很多收获的！(^_^这念头，有网络就是好；)

下面通过一些简单的实例来帮助自己理解：

arguments的用法:如何获取实参和形参(这个比较容易理解)

function Test(a,b,c,d){

var args = arguments.length;     // 获取实参

var expargs = Test.length;       // 获取形参

alert(“实参数目:”+args);           //5

alert(“形参数目:”+expargs);     //4

alert(arguments[0]);   //1

alert(Test[0]);          //输出undefined，因为没有这种用法；

}

执行：

Test(1,2,3,4,5);

上面的实例解释了arguments的用法及用处，同时有些情况下可以利用实参来作为判断条件使用；

这里要提到一点：arguments不是Array(数组)类；

通过实例证明：

Array.prototype.example = 1;

function test(){

alert(“value=”+arguments.example);

}

alert(“Array.value=”+new Array().example);   //Array.value=1;

test();   //value=undefined

Call及Apply的用法：

obj1.method1.call(obj2,argument1,argument2)

如上，call的作用就是把obj1的方法放到obj2上使用，后面的 argument1..这些做为参数传入．

举一个具体的例子

function add(a,b)

{

alert(a+b);

}

function sub(a,b)

{

alert(a-b);

}

add.call(sub,3,1);

这个例子中的意思就是用add方法替换sub方法，add.call(sub,3,1) == add(3,1) ，所以运行结果为：4; // 注意：js 中的函数其实是对象，函数名是对 Function 对象的引用。

更有趣的，可以用 call 来实现继承

function Class1()

{

this.showTxt = function(txt)

{

alert(txt);

}

}

function Class2()

{

Class1.call(this);

}

var c2 = new Class2();

c2.showTxt(“cc”);

这样 Class2 就继承Class1了，Class1.call(this) 的 意思就是使用 Class1 对象代替this对象，那么 Class2 中就有Class1 的所有属性和方法了，c2 对象就能够直接调用Class1 的方法以及属性了，执行结果就是：alert（“cc”）;

是的，这就是 javaScript 如何来模拟面向对象中的继承的，还可以实现多重继承。

function Class10()

{

this.showSub = function(a,b)

{

alert(a-b);

}

}

function Class11()

{

this.showAdd = function(a,b)

{

alert(a+b);

}

}

function Class2()

{

Class10.call(this);

Class11.call(this);

}

很简单，使用两个 call 就实现多重继承了!

那么关于Apply的用法其实和Call的用法基本差不多的，区别在于 call 的第二个参数可以是任意类型，而apply的第二个参数必须是数组；

Callee属性的用法：

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

callee 属性是 arguments 对象的一个成员，它表示对函数对象本身的引用，这有利于匿名函数的递归或者保证函数的封装性;

该属性仅当相关函数正在执行时才可用

还有需要注意的是callee拥有length属性，这个属性有时用于验证还是比较好的。arguments.length是实参长度，arguments.callee.length是

形参长度，由此可以判断调用时形参长度是否和实参长度一致。(关于arguments的实参及形参长度在上面也已经详细介绍过)

看下具体的例子来帮助理解：

//递归计算

var sum = function(n){

if (n <= 0) {

return 1;

}

else{

return n ＋arguments.callee(n – 1)

}

}

Caller属性的解释：

说明：返回一个对函数的引用，该函数调用了当前函数。

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

注意：对于函数来说，caller 属性只有在函数执行时才有定义。 如果函数是由 JScript 程序的顶层调用的，那么 caller 包含的就是 null 。

如果在字符串上下文中使用 caller 属性，那么结果和 functionName.toString 一样，也就是说，显示的是函数的反编译文本。

还是通过具体的实例来帮助理解：

function a(){document.write(a.caller+”<br>”)}

function b(){a()};

function c(){b()};

a();

b();

c();

输出结果为：

null

function b(){a()}

function b(){a()}

至此，通过几个实例来简单的讲解了arguments,call,apply,caller及callee的不同用法；