ES6 中的 let 和 const 命令：解锁 JavaScript 的新变量声明方式

2023-10-23 13:08:39

一、揭秘 let 命令：限定变量的作用域

let 命令是 ES6 新增的变量声明方式，它与传统的 var 命令有着本质的不同。var 声明的变量作用域是整个函数或全局作用域，而 let 声明的变量作用域仅限于其所在的花括号代码块内。这也就意味着，在代码块之外，无法访问或修改使用 let 声明的变量。

举例来说，如下代码中，我们分别使用 var 和 let 声明了两个变量，并分别在函数内部和外部尝试访问它们：

function greet() {
  var name = "Alice";
  let age = 20;

  console.log(name); // "Alice"
  console.log(age); // ReferenceError: age is not defined
}

greet();
console.log(name); // "Alice"
console.log(age); // ReferenceError: age is not defined

从结果中可以看出，使用 var 声明的变量 name 在函数内部和外部都可以访问，而使用 let 声明的变量 age 仅在函数内部有效，在函数外部无法访问。这种作用域的限定，使得代码更加清晰、可控，有助于避免变量冲突和提升代码的可维护性。

二、探索 const 命令：不可变的变量声明

const 命令也是 ES6 新增的变量声明方式，它与 let 命令类似，但具有更严格的作用域和声明周期限制。const 声明的变量一旦被初始化，其值就无法被重新赋值。这使得 const 非常适合声明那些不应该被修改的常量，例如数学常数 π 或应用程序的配置参数。

以下代码示例展示了 const 命令的用法：

const PI = 3.14159;
const APP_VERSION = "1.0.0";

PI = 3.14; // TypeError: Assignment to constant variable.
APP_VERSION = "1.1.0"; // TypeError: Assignment to constant variable.

正如你所见，一旦使用 const 声明了变量，任何尝试重新赋值的操作都会导致 TypeError 错误。这种严格的限制有助于确保代码的稳定性和可维护性，防止意外修改关键变量的值而导致程序出现错误。

三、比较 let 和 const 命令：何时使用？

虽然 let 和 const 命令都为 JavaScript 带来了新的变量声明方式，但在实际使用中，它们具有不同的适用场景。

使用 let 命令的场景：
- 当需要在代码块内声明一个临时变量时，可以使用 let 命令。
- 当需要在循环或条件语句中声明变量时，可以使用 let 命令。
- 当需要声明一个可变变量时，可以使用 let 命令。
使用 const 命令的场景：
- 当需要声明一个常量时，可以使用 const 命令。
- 当需要声明一个不会被重新赋值的变量时，可以使用 const 命令。
- 当需要声明一个全局变量时，可以使用 const 命令。