與常規函數相比，ES6 箭頭函數中「this」的工作方式有何不同？

理解 ES6 箭頭函數中的「this」

在 JavaScript 中，this 的值取決於使用它的上下文。使用箭頭函數時，「詞法綁定」的概念變得相關，它決定了 this 的行為。

箭頭函數從定義它們的封閉上下文繼承 this 的值。與常規函數不同，箭頭函數不會為此建立自己的作用域。考慮以下程式碼：

var testFunction = () => {
  console.log(this);
};
testFunction();

這裡，箭頭函數 testFunction 從其封閉上下文（在本例中為全域範圍）擷取 this 的值。因此，console.log(this) 將輸出全域物件。

相反，常規函數可以為此創建自己的作用域。例如：

function Person() {
  this.age = 0;

  const increaseAge = function() {
    this.age++; // `this` refers to the Person object
  };

  increaseAge();
}

const p = new Person();

在此範例中，increaseAge 函數巢狀在 Person 建構子中。當它被呼叫時，this 指的是 Person 類別的實例，因為它是使用 new 關鍵字建立的。

總而言之，箭頭函數從其封閉上下文繼承 this 的值，確保它與周圍的程式碼。此行為與常規函數不同，常規函數為此創建自己的作用域。理解這一關鍵差異對於在 JavaScript 開發中正確處理箭頭函數中的這一點至關重要。

以上是與常規函數相比，ES6 箭頭函數中「this」的工作方式有何不同？的詳細內容。更多資訊請關注PHP中文網其他相關文章！