javascript call用法的簡單介紹

 

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}

以上實現了對象的繼承。