理解 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 会沿着作用域链向上移动来查找它。

理解作用域链对于避免变量名称冲突和管理代码中的变量访问至关重要。