JavaScript 中的作用域

作用域是 JavaScript 中一个至关重要的概念，它定义了变量和函数在程序中可访问的范围。它决定了变量和函数可以在哪些代码块中被引用和修改。

词法作用域

JavaScript 使用词法作用域，这意味着变量和函数的作用域是由它们在代码中声明的位置决定的。换句话说，作用域是由代码的结构定义的，而不是由函数的调用或执行顺序定义的。

全局作用域

全局作用域是 JavaScript 程序中最大的作用域。它包含在脚本中声明的所有变量和函数，这些变量和函数没有包含在任何函数或代码块中。全局变量和函数可以在程序中的任何地方访问和修改。

局部作用域

局部作用域是函数或代码块中创建的。在局部作用域中声明的变量和函数只能在该函数或代码块内部访问和修改。一旦执行离开局部作用域，这些变量和函数就不可访问了。

作用域链

当 JavaScript 引擎搜索变量或函数时，它会从当前作用域开始，然后沿着作用域链向上搜索，直到找到该变量或函数。作用域链是一个包含当前作用域及其所有父作用域的链表。

示例

以下示例演示了作用域是如何工作的：

// 全局作用域
var globalVariable = 10;

function myFunction() {
   
  // 局部作用域
  var localVariable = 20;

  console.log(globalVariable); // 10
  console.log(localVariable); // 20
}

myFunction();

console.log(globalVariable); // 10
// console.log(localVariable); // ReferenceError: localVariable is not defined

在这个示例中，globalVariable 在全局作用域中声明，可以在任何地方访问。localVariable 在 myFunction() 函数的局部作用域中声明，只能在该函数内部访问。

闭包

闭包是 JavaScript 中一个独特的特性，它允许函数访问其创建作用域中的变量，即使该函数已执行完并且离开了该作用域。这是通过使用嵌套函数来实现的。

以下示例演示了闭包：

function createCounter() {
   
  var counter = 0;

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

var counterFunction = createCounter();

console.log(counterFunction()); // 1
console.log(counterFunction()); // 2
console.log(counterFunction()); // 3

在这个示例中，createCounter() 函数返回一个嵌套函数，该嵌套函数引用其父作用域中的 counter 变量。即使 createCounter() 函数已经执行完，嵌套函数仍然可以访问并修改 counter 变量。

作用域规则

JavaScript 中的作用域遵循以下规则：

• 变量和函数在声明时进入作用域。
• 变量和函数在离开作用域时退出作用域。
• 内部作用域可以访问外部作用域中的变量和函数，但外部作用域不能访问内部作用域中的变量和函数。
• 作用域链用于确定变量或函数是否在当前作用域中可用。

结论

作用域是 JavaScript 中一个关键的概念，它控制着变量和函数的可访问性和修改性。通过理解词法作用域、作用域链和闭包，您可以编写清晰、可维护且可预测的 JavaScript 代码。