javascript中apply,call,bind區別,bind相容等問題總結

來源:互聯網
上載者:User

標籤:擷取   個人   總結   com   script   cal   用法   bind   例子   

1 三者的相似之處:

   (1).都是用來改變函數的this對象的指向的

   (2).都是用第一個參數來做this對象的指向

   (3).都可以傳參數進去

那麼,具體到它們有什麼區別呢?請看下面的例子:

兩個對象,一個動物類,一個人類,人類也是可以走的,那麼我們可以讓人類直接使用動物類的action方法嗎?答案當然是可以的。

方法就是通過改變動物類的action方法的指向,讓它的指向變為person,如下:

結果如下:

再看另外兩種用法:

這是call的方法,最後一個bind是有點特殊的:

 

這是因為bind擷取到的還是這個方法,只不過已經把this的指向指到person上了,如果要運行,還需調用一下

以上就是這三者的用法,還有一個重要的區別就是當這個方法需要傳參數的時候,請看下面的例子:

當我們需要有參數的時候,apply用法如下:

 

而call的用法如下:

也就是說apply需要把參數按照數組的方式傳進去,它會自動對應到方法的參數上,而call是直接按順序寫參數就可以了,最後看一下bind

bind可以直接傳參數(跟call一樣),但是因為它本身擷取到的就是一個function,因此還可以按照給function傳參數的方式來傳參:

到此,這三個方法的區別就基本說完了,希望可以對感興趣的人有協助!

javascript中apply,call,bind區別,bind相容等問題總結

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.