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/
       

原文地址:https://www.cnblogs.com/adforce/p/3015513.html