當前位置:編程學習大全網 - 遊戲軟體 - 如何理解和熟練運用js中的call及apply

如何理解和熟練運用js中的call及apply

call和apply

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

調用原生對象的方法

示例:

var a = {0:1, 1:"yjc", length: 2};

a.slice(); //TypeError: a.slice is not a function

Array.prototype.slice.call(a);//[1, "yjc"]

對象a類似array,但不具備array的slice等方法。使用call綁定,這時候就可以調用slice方法。

實現繼承

通過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}

以上實現了對象的繼承。

bind的使用

obj.bind(thisObj, arg1, arg2, ...);

把obj綁定到thisObj,這時候thisObj具備了obj的屬性和方法。與call和apply不同的是,bind綁定後不會立即執行。

同樣是add()和sub():

add.bind(sub, 5, 3); //不再返回8

add.bind(sub, 5, 3)(); //8

如果bind的第壹個參數是null或者undefined,等於將this綁定到全局對象。

  • 上一篇:是非題小說txt全集免費下載
  • 下一篇:富強福是什麽意思,為什麽空間上都是什麽第五福,敬業福,到底什麽意思啊,誰幫解釋壹下啊
  • copyright 2024編程學習大全網