JavaScript中apply与call的用法意义及区别

call 方法

定义：调用一个对象的一个方法，以另一个对象替换当前对象。
语法：call([thisObj[,arg1[, arg2[,   [,.argN]]]]])
参数： thisObj 可选项。将被用作当前对象的对象。arg1, arg2,  , argN 可选项。将被传递方法参数序列。
说明：
call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。
如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。

apply方法

定义：应用某一对象的一个方法，用另一个对象替换当前对象。
语法：apply([thisObj[,argArray]])
说明：
如果 argArray 不是一个有效的数组或者不是 arguments 对象，那么将导致一个 TypeError。
如果没有提供 argArray 和 thisObj 任何一个参数，那么 Global 对象将被用作 thisObj， 并且无法被传递任何参数。

二者区别

call和apply方法通常被用来实现类似继承一样的功能，以达到代码复用的功效。它们的区别主要体现在参数上。
对于第一个参数意义都一样，但对第二个参数：apply传入的是一个参数数组，也就是将多个参数组合成为一个数组传入，而call则作为call的参数传入（从第二个参数开始）。
如 func.call(func1,var1,var2,var3) 对应的apply写法为：func.apply(func1,[var1,var2,var3])
同时使用apply的好处是可以直接将当前函数的arguments对象作为apply的第二个参数传入。

 

实例讲解

例一：

function add(a, b) {
    alert(a + b);
}

function sub(a, b) {
    alert(a - b);
}

add.call(sub, 3, 1); 

解释：调用add对象的方法，用sub对象替换add对象。add.call(sub,3,1) == add(3,1)，结果为alert(4)。

例二：

function Class1() {
    this.name = "class1";
    this.showNam = function()  {
        alert(this.name);
    }
}

function Class2() {
    this.name = "class2";
}

var c1 = new Class1();
var c2 = new Class2();

c1.showNam.call(c2);

解释：调用Class1的showNam方法，用c2对象替换c1对象。结果为 alert("class2");

例三：实现继承

function Class1() {
    this.showTxt = function(txt) {
        alert(txt);
    }
}

function Class2() {
    Class1.call(this);
}

var c2 = new Class2();
c2.showTxt("cc");

 

参考：http://www.veryued.org/2011/09/javascript-call/