1. 程式人生 > >javascript中call apply的區別

javascript中call apply的區別

控制臺 pre asc child tex func highlight java 屬性和方法

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}

以上實現了對象的繼承。

javascript中call apply的區別