apply()和call()

每个函数都包含两个非继承而来的方法：call()方法和apply()方法。

一般来说，this总是指向调用某个方法的对象，但是使用call()和apply()方法时，就会改变this的指向。

function cat() { };
cat.prototype = {
     food: "fish",
     say: function () {
           alert("I love " + this.food);
     }
};
var blackCat = new cat;
blackCat.say();

如果我们有一个对象whiteDog = {food:"bone"},我们不想对它重新定义say方法，那么我们可以通过call或apply用blackCat的say方法：blackCat.say.call(whiteDog);结果是“I Love bone"。可以看到，此时this指向whiteDog。

总之，call()和apply()可以让你调用其他对象的方法。call()和apply()可以让你调用其他对象的方法。call()和apply()可以让你调用其他对象的方法。

 

call()和apply()作用是一样的，只有参数不同。 

apply()方法 接收两个参数，一个是函数运行的作用域（this），另一个是参数数组。

语法：apply([thisObj ,[argArray] ]);，调用一个对象的一个方法，另一个对象替换当前对象。

说明：如果argArray不是一个有效数组或不是arguments对象，那么将导致一个TypeError，如果没有提供argArray和thisObj任何一个参数，那么Global对象将用作thisObj。

call()方法 第一个参数和apply()方法的一样，但是传递给函数的参数必须列举出来。

语法：call([thisObject,[arg1 ,[arg2 [,...,argn]]]]);，应用某一对象的一个方法，用另一个对象替换当前对象。

说明： call方法可以用来代替另一个对象调用一个方法，call方法可以将一个函数的对象上下文从初始的上下文改变为thisObj指定的新对象，如果没有提供thisObj参数，那么Global对象被用于thisObj。

function add(c,d){
    return this.a + this.b + c + d;
}

var s = {a:1, b:2};
console.log(add.call(s,3,4)); // 1+2+3+4 = 10
console.log(add.apply(s,[5,6])); // 1+2+5+6 = 14 

 

apply方法处理数组的两个小技巧.

apply允许我们将一个数组"解开"成为一个个的参数再传递给调用函数.让我们分别看看apply使用中的小技巧.

技巧1: 将一个数组传递给一个不接受数组作为参数的函数

JavaScript中没有返回一个数组中最大值的函数.但是,有一个函数Math.max可以返回任意多个数值类型的参数中的最大值.再配合apply,我们可以实现我们的目的:

Math.max.apply(null, [10, -1, 5])//第一个参数为null就是将this自动指向window全局对象
结果:10

技巧2: 扁平化数组

将一个包含多个数组元素的数组转换为一个一阶数组.我们利用apply解包数组的能力配合concat来做这件事:

Array.prototype.concat.apply([], [["a"], ["b"]])
[ 'a', 'b' ]

Array.prototype.concat.apply([], [["a"], "b"])//混合非数组类型的元素也可以
[ 'a', 'b' ]

//apply方法的thisValue必须指定为[],因为concat是一个数组的方法,不是一个独立的函数.这种写法的限制是最多只能扁平化二阶数组:
Array.prototype.concat.apply([], [[["a"]], ["b"]])
[ [ 'a' ], 'b' ]

//所以你应该考虑一个替代方案.比如Underscore中的_.flatten函数就可以处理任意层数的嵌套数组：
_.flatten([[["a"]], ["b"]])
[ 'a', 'b' ]

 

本文引用了这里和这里的内容。