JavaScript 中 this 的含義

在 JavaScript 中， 是一個特殊的關鍵字，它指向當前執行上下文中的對象。這聽起來可能有點復雜，但它實際上很容易理解。

執行上下文

JavaScript 代碼在執行時是在不同的上下文環境中運行的，稱為執行上下文。每個執行上下文都有自己的 對象。

全局執行上下文

當 JavaScript 代碼在瀏覽器中運行時，它首先在全局執行上下文中運行。在這種情況下， 指向 對象。

函數執行上下文

當一個函數被調用時，它會創建自己的執行上下文。在這個上下文中， 指向函數所屬的對象。

方法執行上下文

當一個對象的方法被調用時，它會創建自己的執行上下文。在這種情況下， 指向調用方法的對象。

箭頭函數

箭頭函數是一個例外。它們不創建自己的執行上下文，而是繼承父函數的執行上下文。因此，箭頭函數中的 始終指向父函數的 對象。

實踐示例

以下示例展示了如何根據不同的執行上下文， 如何引用不同的對象：

<code class="javascript">// 全局執行上下文
console.log(this); // 輸出: Window

// 函數執行上下文
function myFunction() {
  console.log(this); // 輸出: Window
}
myFunction();

// 方法執行上下文
const obj = {
  name: 'John',
  sayHello: function() {
    console.log(this.name); // 輸出: John
  }
};
obj.sayHello();

// 箭頭函數
const arrowFunction = () =&gt; {
  console.log(this); // 輸出: Window
};
arrowFunction();</code>

通過了解 對象在 JavaScript 中的運作方式，你可以編寫更清晰、更可維護的代碼。