JS中的作用域链

作用域链是JavaScript中一个重要的概念，它决定了变量和函数的可访问性。在理解作用域链之前，我们需要先了解作用域和词法环境的概念。

作用域

作用域是指变量和函数的可访问范围。在JavaScript中，有全局作用域和局部作用域两种。

• 全局作用域：全局作用域是指在整个JavaScript程序中都可以访问的变量和函数。它在程序开始执行时创建，在程序结束时销毁。

• 局部作用域：局部作用域是指在函数内部定义的变量和函数，只能在函数内部访问。每当函数被调用时，都会创建一个新的局部作用域。

词法环境

词法环境是JavaScript中用来管理作用域的机制。每个函数和代码块都有自己的词法环境，它包含了变量和函数的定义。

作用域链

作用域链是由多个词法环境组成的链表结构。当访问一个变量或函数时，JavaScript引擎会按照作用域链的顺序从前往后查找，直到找到对应的变量或函数为止。

作用域链的构建过程如下：

1. 当一个函数被创建时，它的作用域链会被初始化为包含全局作用域的词法环境。

2. 当函数被调用时，会创建一个新的局部作用域，并将该作用域添加到作用域链的前端。

3. 如果在局部作用域中找不到变量或函数，JavaScript引擎会继续在上一级作用域中查找，直到找到为止。

下面是两个示例说明作用域链的使用：

示例1

var x = 10;

function foo() {
  var y = 20;
  console.log(x + y);
}

foo(); // 输出30

在这个示例中，全局作用域中定义了变量x，函数foo中定义了变量y。当调用foo函数时，会创建一个新的局部作用域，并将其添加到作用域链的前端。在foo函数中，可以访问到全局作用域中的变量x，因此输出结果为30。

示例2

function outer() {
  var x = 10;

  function inner() {
    var y = 20;
    console.log(x + y);
  }

  inner(); // 输出30
}

outer();

在这个示例中，函数outer中定义了变量x和函数inner。当调用outer函数时，会创建一个新的局部作用域，并将其添加到作用域链的前端。在inner函数中，可以访问到outer函数中的变量x，因此输出结果为30。

以上就是关于JS中作用域链的详细讲解，希望对你有帮助！