变量在 JavaScript 中到底是怎么工作的

在 JavaScript 中，变量的作用域是一个非常重要的话题，它决定了变量在程序中可用的范围。当我们谈论变量的作用域时，我们指的是它可以在程序的哪些部分被访问和修改。

在 JavaScript 中，有两种主要的作用域：

1. 全局作用域： 这是程序的最外层作用域，它一直存在。在全局作用域中声明的变量可以在程序的任何地方访问和修改。

2. 函数作用域： 函数作用域仅在函数被定义时存在。在函数作用域中声明的变量只能在该函数内访问和修改。

为了更好地理解变量的作用域，让我们看一个简单的示例：

var x = 10;  // 全局变量

function myFunction() {
  var y = 20;  // 局部变量
  console.log(x);  // 访问全局变量
  console.log(y);  // 访问局部变量
}

myFunction();

console.log(x);  // 访问全局变量
console.log(y);  // 报错：y 未定义

在这个示例中，我们声明了两个变量：x 是一个全局变量，y 是一个局部变量。在 myFunction() 函数内，我们可以访问全局变量 x，因为它的作用域是整个程序。但是，我们不能访问局部变量 y 之外 myFunction()，因为它只在该函数内有作用域。

变量的作用域对于理解 JavaScript 程序至关重要。通过管理变量的作用域，我们可以防止变量冲突并确保程序的行为符合我们的预期。

除了 var 之外，JavaScript 还有两个额外的关键字 let 和 const，它们也用于声明变量。然而，let 和 const 变量的作用域与 var 变量的作用域略有不同。

let 变量具有块级作用域，这意味着它们的作用域仅限于它们被声明的块。块可以是函数体、循环体或其他由大括号 {} 分隔的代码块。

let x = 10;

{
  let y = 20;
  console.log(x);  // 访问全局变量
  console.log(y);  // 访问块级变量
}

console.log(x);  // 访问全局变量
console.log(y);  // 报错：y 未定义

在这个示例中，x 是一个全局变量，y 是一个块级变量。在块内，我们可以访问 x 和 y，但块外只能访问 x，因为 y 的作用域仅限于块。

const 变量与 let 变量类似，它们也具有块级作用域。然而，const 变量一旦声明就不能被重新赋值。

const x = 10;

x = 20;  // 报错：对常量重新赋值

console.log(x);  // 输出 10

在这个示例中，我们尝试重新赋值给 x，但由于它是常量，因此会出现错误。x 的值保持不变，为 10。

了解变量的作用域对于编写干净、可维护的 JavaScript 代码至关重要。通过管理变量的作用域，我们可以防止变量冲突并确保程序的行为符合我们的预期。