作用域、作用域链和闭包：理解 JavaScript 中的变量作用域

2023-09-29 18:29:30

在 JavaScript 中，作用域指的是变量、函数和对象的可见性范围。它确定了这些标识符可以在代码中的哪些部分访问。作用域链是一个概念，它了 JavaScript 引擎如何查找变量的特定值。而闭包是拥有对其创建时的作用域中变量或函数引用权的函数。

理解作用域、作用域链和闭包是编写健壮且可维护的 JavaScript 代码的关键。下面我们将对每个概念进行深入探讨，并通过一个自测来帮助您评估您的理解。

作用域

作用域的基本原则很简单：在 JavaScript 中，变量在其定义的作用域内可见。作用域可以是全局作用域（由 window 对象表示）或局部作用域（由函数或块创建）。

例如：

// 全局作用域
var globalVariable = "This is a global variable";

function myFunction() {
  // 局部作用域
  var localVariable = "This is a local variable";
}

console.log(globalVariable); // 输出 "This is a global variable"
console.log(localVariable); // 报错：未定义 localVariable

作用域链

当 JavaScript 引擎尝试查找变量值时，它会沿着作用域链向上搜索。作用域链是由当前作用域及其父作用域组成的链。如果在当前作用域中找不到变量，引擎将继续向上搜索链，直到找到它或到达全局作用域。

例如，在上面的示例中，localVariable 在 myFunction 函数的作用域中未定义。因此，JavaScript 引擎会沿作用域链向上搜索，直到找到 globalVariable。

闭包

闭包是一个函数，它保留了对其创建时作用域的引用。这意味着闭包可以在该作用域外部访问变量和函数，即使该作用域已经结束。

例如：

function createCounter() {
  let count = 0;

  return function() {
    count++;
    return count;
  };
}

const counter = createCounter();

console.log(counter()); // 输出 1
console.log(counter()); // 输出 2