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

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

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

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

bind()

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

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

如果沒有 bind()，sayName() 會一團糟——alert() 永遠無法工作。

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

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

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

它將其重新分配給另一個變量：

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

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

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

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

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

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

vs call()

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

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

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

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

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

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

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

vs apply()

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

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

傳遞的參數(shù)：

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

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

回顧總結(jié)

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