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

來源:互聯網
上載者:User

標籤:參數   slice   console   通過   ice   sub   length   var   全域對象   

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); //8add.call(sub, 5, 3); //8add.apply(sub, [5, 3]); //8sub(5, 3); //2sub.call(add, 5, 3); //2sub.apply(add, [5, 3]); //2
調用原生對象的方法

樣本:

var a = {0:1, 1:"yjc", length: 2}; a.slice(); //TypeError: a.slice is not a functionArray.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 {} ,Null 物件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); //不再返回8add.bind(sub, 5, 3)(); //8

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

 

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

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.