Javascript 链式作用域详细介绍

什么是链式作用域

链式作用域（也称为作用域链）是指在 JavaScript 中，每个函数都有一个作用域对象，该对象包含了函数内部定义的变量和函数。当函数被调用时，会创建一个新的作用域对象，并将其添加到作用域链的顶部。这样就形成了一个作用域链，用于查找变量和函数。

作用域链的构成

作用域链是由多个作用域对象组成的。每个作用域对象都有一个指向其父级作用域对象的引用，这样就形成了一个链式结构。当在一个作用域中查找变量或函数时，会先在当前作用域中查找，如果找不到，就会沿着作用域链向上查找，直到找到或者到达全局作用域。

示例说明

示例一

function outer() {
  var x = 10;

  function inner() {
    console.log(x);
  }

  inner();
}

outer(); // 输出 10

在这个示例中，inner 函数可以访问到外部函数 outer 中定义的变量 x。这是因为 inner 函数的作用域链包含了 outer 函数的作用域对象，所以可以在 inner 函数中访问到 x。

示例二

function outer() {
  var x = 10;

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

  inner();
}

outer(); // 输出 30

在这个示例中，inner 函数可以访问到外部函数 outer 中定义的变量 x，同时也可以访问到自己内部定义的变量 y。这是因为 inner 函数的作用域链包含了 outer 函数的作用域对象和 inner 函数自身的作用域对象，所以可以在 inner 函数中访问到 x 和 y。

总结

链式作用域是 JavaScript 中的一种作用域查找机制，通过作用域链的形式实现变量和函数的访问。在函数被调用时，会创建一个新的作用域对象，并将其添加到作用域链的顶部。通过示例的说明，我们可以更好地理解链式作用域的概念和使用方法。