理解 JavaScript 中的作用域鏈

在 JavaScript 中，作用域鍊是定義變數解析在巢狀函數中如何運作的機制。它決定了引用變數時查找變數的順序。

作用域鏈的工作原理是先在局部作用域中尋找變量，然後向上移動到外部（父）作用域，最後在必要時尋找全域作用域。這個過程一直持續到找到變數或達到全域範圍。

例子

let globalVar = 'global';

function outerFunction() {
  let outerVar = 'outer';

  function innerFunction() {
    let innerVar = 'inner';

    console.log(innerVar);   // Outputs: inner
    console.log(outerVar);   // Outputs: outer
    console.log(globalVar);  // Outputs: global
  }

  innerFunction();
}

outerFunction();

說明：

• innerFunction 可以從自己的作用域存取innerVar，從outerFunction 的作用域存取outerVar，從全域作用域存取globalVar。
• 如果在本地作用域中沒有找到變量，JavaScript 會沿著作用域鏈向上移動來尋找它。

理解作用域鏈對於避免變數名稱衝突和管理程式碼中的變數存取至關重要。

以上是理解 JavaScript 中的作用域鏈的詳細內容。更多資訊請關注PHP中文網其他相關文章！