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

在箭頭函數中綁定 'this'

ES6 中引入的箭頭函數因其簡潔的語法而變得流行。然而，箭頭函數的一個限制是它們無法重新綁定“this”。與常規函數不同，箭頭函數在定義時從周圍上下文繼承其“this”綁定。

在提供的範例中，箭頭函數：

var f = () => console.log(this);

在全球範圍。因此，「this」指的是全域視窗對象，而不是我們嘗試將函數綁定到的「o」對象：

var fBound = f.bind(o);
fBound(); // Logs the window object

要解決此問題，請勿使用箭頭函數。相反，定義一個普通函數：

var f = function() {
  console.log(this);
}.bind(o);

f(); // Logs the 'o' object

在這種情況下，「this」綁定被正確地設定為「o」對象，因為使用了普通函數，允許重新分配綁定。

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