為什麼「bind()」不能與 JavaScript 中的箭頭函數一起使用？

箭頭函數綁定：解釋

在JavaScript 中使用箭頭函數時，開發人員可能會遇到有關「this」綁定的意外行為。與常規函數不同，箭頭函數維護詞法範圍，這意味著它們繼承定義它們的環境的「this」綁定。因此，不可能在箭頭函數中重新綁定“this”。

考慮這個範例：

var f = () => console.log(this);
var o = {'a': 42};
var fBound = f.bind(o);
fBound();

在此程式碼片段中，我們嘗試綁定箭頭函數「f」使用「.bind()」方法連接到物件「o」。但是，當我們呼叫“fBound”時，它會輸出全域“window”物件而不是“o”。

這是因為箭頭函數從詞法封閉環境繼承了它們的「this」綁定，在本例中是這樣的是全域執行上下文。因此，「f()」和「fBound()」總是引用全域「this」。

為避免此問題，建議在需要綁定時使用常規函數。這些函數會建立一個新的執行上下文，讓您可以使用“.bind()”方法明確設定“this”綁定。

以上是為什麼「bind()」不能與 JavaScript 中的箭頭函數一起使用？的詳細內容。更多資訊請關注PHP中文網其他相關文章！