JavaScript中作用域链的概念及用途讲解

作用域链的概念及用途讲解

在 JavaScript 中，每个函数都拥有自己的作用域（scope），也就是变量和函数的可访问范围。当函数在执行的时候，会先在自己的作用域中查找变量和函数，如果找不到，就会沿着作用域链向上逐级查找，直到找到为止。

作用域链的概念是指多个嵌套的作用域形成的查找链，它的顶端是全局作用域，底端是当前函数的作用域。

作用域链的主要作用是为变量和函数提供访问权限，让变量和函数在嵌套的作用域中得以访问。同时，作用域链也保证了变量和函数在被访问时寻找的优先级，即先在当前作用域中查找，然后逐级向上查找。

以下是两个例子，对作用域链的概念和用途进行说明。

示例1：基本的作用域链查找

var a = 1;

function foo() {
  var b = 2;

  function bar() {
    var c = 3;
    console.log(a + b + c); // 输出6
  }

  bar();
}

foo();

在上述代码中，变量c位于函数bar()的作用域中，访问不到变量a和b，此时会向上查找作用域链，查找到变量a和b，并实现变量的访问。输出结果为6。

示例2：无法访问的变量

function foo() {
  var x = 1;

  function bar() {
    console.log(x);
    var y = 2;
    console.log(y);
  }

  bar();
  console.log(y); // 输出undefined
}

foo();

在上述代码中，变量y位于函数bar()的作用域中，无法在函数foo()中访问到。此时，编译器会在函数foo()的作用域中查找变量y，由于没有找到，就会向上查找作用域链，一直到全局作用域仍然找不到，最终返回undefined。

总的来说，作用域链的概念和用途都非常重要，在编写 JavaScript 代码时应该充分理解和利用作用域链，以提高代码的可读性和可维护性。