call 和 apply

作者：知乎用户
链接：https://www.zhihu.com/question/20289071/answer/80892838
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
 

obj.call(thisObj, arg1, arg2, ...);
obj.apply(thisObj, [arg1, arg2, ...]);

两者作用一致，都是把obj(即this)绑定到thisObj，这时候thisObj具备了obj的属性和方法。或者说thisObj『继承』了obj的属性和方法。

唯一区别是apply接受的是数组参数，call接受的是连续参数。

 

function add(j, k){
    return j+k;
}

function sub(j, k){
    return j-k;
}

我们在控制台运行：

 

add(5,3); //8
add.call(sub, 5, 3); //8
add.apply(sub, [5, 3]); //8

sub(5, 3); //2
sub.call(add, 5, 3); //2
sub.apply(add, [5, 3]); //2

通过call和apply，我们可以实现对象继承。示例：

 

var Parent = function(){
    this.name = "yjc";
    this.age = 22;
}

var child = {};

console.log(child);//Object {} ,空对象

Parent.call(child);

console.log(child); //Object {name: "yjc", age: 22}

以上实现了对象的继承。

 

 

简单理解为，使用call或者apply是，就是把传入的让传入的首个参数指向调用的对象。

转载于:https://my.oschina.net/u/3100409/blog/1563959