JavaScript 代码中变量查找机制：作用域链和闭包揭秘

JavaScript 作为一门动态语言，其变量的作用域一直备受争议。在代码中，当出现相同的变量时，JavaScript 引擎是如何选择的呢？让我们一起探索作用域链和闭包如何影响变量的查找。

作用域链和闭包是 JavaScript 中两个重要的概念，理解它们有助于我们更好地编写代码。在本文中，我们将详细探讨作用域链和闭包是如何影响变量查找的，并提供一些示例来说明这些概念。

作用域链

作用域链是指在查找变量时会依次搜索的上下文环境的链条。在 JavaScript 中，作用域链包括：

• 当前函数的作用域
• 当前函数的父函数的作用域
• 全局作用域

当 JavaScript 引擎在当前函数中查找变量时，它首先会搜索当前函数的作用域。如果变量在当前函数的作用域中，则直接返回该变量。如果变量不在当前函数的作用域中，则引擎会继续搜索当前函数的父函数的作用域，以此类推，直到找到变量或到达全局作用域。

闭包

闭包是指可以访问其他函数作用域中变量的函数。闭包在 JavaScript 中非常常见，通常用于实现私有变量和私有方法。

当一个函数被创建时，它会创建一个闭包环境。这个闭包环境包含函数的作用域以及函数创建时所在的作用域。当函数被调用时，它可以访问闭包环境中的变量，即使这些变量在函数的局部作用域中不存在。

变量查找

JavaScript 引擎会根据词法环境和变量环境来查找变量。

• 词法环境是指函数创建时所在的作用域。
• 变量环境是指函数被调用时所在的作用域。

当 JavaScript 引擎在函数中查找变量时，它首先会搜索函数的词法环境。如果变量在函数的词法环境中，则直接返回该变量。如果变量不在函数的词法环境中，则引擎会继续搜索函数的变量环境，以此类推，直到找到变量或到达全局作用域。

示例

以下示例展示了作用域链和闭包是如何影响变量查找的：

function outer() {
  var a = 1;

  function inner() {
    var b = 2;

    console.log(a); // 1
    console.log(b); // 2
  }

  inner();
}

outer();

在这个示例中，函数 outer() 创建了变量 a，并定义了一个内部函数 inner().当函数 inner() 被调用时，它会创建一个闭包环境，其中包含函数 inner() 的作用域和函数 outer() 的作用域。

当 console.log(a) 被调用时，JavaScript 引擎会首先在函数 inner() 的词法环境中查找变量 a。由于变量 a 在函数 inner() 的词法环境中存在，因此直接返回该变量。

当 console.log(b) 被调用时，JavaScript 引擎会首先在函数 inner() 的词法环境中查找变量 b.由于变量 b 在函数 inner() 的词法环境中存在，因此直接返回该变量。

这个示例展示了作用域链和闭包是如何影响变量查找的。JavaScript 引擎会根据词法环境和变量环境来查找变量，并遵循一定的规则来确定变量的来源。