每個(gè)開發(fā)人員都應(yīng)該充分了解它們的工作原理，并能夠辨別它們之間的細(xì)微差別。

所以你知道，JS 函數(shù)是一等公民。

這意味著：它們都只是對象值——Function 類的所有實(shí)例，具有方法和屬性：

因此 bind()、apply() 和 call() 是每個(gè) JavaScript 函數(shù)都具有的 3 個(gè)基本方法。

bind()

你是否和我一起經(jīng)歷過 React 早期的痛苦歲月；那時(shí)我們還在使用這樣的類組件和事件處理程序？

這只是 bind() 的多種應(yīng)用之一——一種被嚴(yán)重低估的 JavaScript 方法。

如果沒有 bind()，sayName() 會(huì)一團(tuán)糟——alert() 永遠(yuǎn)無法工作。

因?yàn)?React 內(nèi)部對這個(gè)方法做了一些可疑的事情，完全搞砸了 this 內(nèi)部的含義。

之前 sayName 完全可以毫無問題地顯示警報(bào)——就像在這個(gè)其他類中一樣：

但猜猜 React 在幕后對greet事件處理程序方法做了什么？

它將其重新分配給另一個(gè)變量：

猜猜會(huì)發(fā)生什么——它無處可尋：

這就是 bind 發(fā)揮作用的地方——它將 this 更改為您選擇的任何實(shí)例對象：

因此，我們將函數(shù)綁定到對象——綁定目標(biāo)。

（我知道它是“綁定的”，但我們可以說它是綁定的，就像我們將“index”而不是“indices”說成“indexes”一樣）。

它是不可變的——它返回綁定函數(shù)而不改變原始函數(shù)的任何內(nèi)容。

這讓我們可以盡可能多地使用它：

vs call()

call 和 bind 之間只有很小的區(qū)別。

bind 創(chuàng)建綁定函數(shù)供您隨意使用。

但是 call？它會(huì)動(dòng)態(tài)創(chuàng)建一個(gè)臨時(shí)綁定函數(shù)并立即調(diào)用它：

因此， call() 基本上就是 bind() + 一個(gè)調(diào)用。

但是當(dāng)函數(shù)有參數(shù)時(shí)怎么辦呢？我們該怎么辦？

完全沒問題 — 只需將它們作為更多參數(shù)傳遞給call即可：

你實(shí)際上可以使用 bind() 做同樣的事情：

vs apply()

一開始你可能會(huì)認(rèn)為 apply() 和 call() 做的事情完全一樣：

但就像 bind() 與 call() 一樣，需要注意一個(gè)細(xì)微的差別：

傳遞的參數(shù)：

我使用一個(gè)助記技巧來記住兩者的區(qū)別：

• call() 用于逗號(hào)
• apply() 用于數(shù)組

回顧總結(jié)

• bind()——綁定到此并返回一個(gè)新函數(shù)，可重復(fù)使用。
• call()——綁定 + 調(diào)用函數(shù)，使用逗號(hào)傳遞參數(shù)。
• apply()——綁定 + 調(diào)用函數(shù)，使用數(shù)組傳遞參數(shù)。