ECMAScript的let和const有何区别

let 和 const 是 ECMAScript 6 (ES6) 中引入的两种新的变量声明方式。它们与传统的 var 声明方式相比，提供了更好的作用域控制和不可变性。以下是 let 和 const 的主要区别：

1. 作用域：

   • let 声明的变量具有块级作用域（block scope），即它们只在包含它们的代码块（例如 if 语句、for 循环等）内有效。
   • const 声明的变量也具有块级作用域，但它们必须在声明时初始化，并且不能重新赋值。

2. 可变性：

   • let 允许你重新赋值，即你可以改变 let 变量的值。
   • const 声明的变量是常量，一旦赋值后就不能再改变其值。这意味着 const 变量必须初始化。

3. 暂时性死区（Temporal Dead Zone, TDZ）：

   • let 和 const 都存在暂时性死区，即在代码块内，变量在声明之前是不可访问的。这与 var 不同，var 声明的变量会被提升到函数或全局作用域的顶部。

4. 重复声明：

   • let 允许在同一作用域内多次声明同一个变量，但不会重新赋值。
   • const 不允许在同一作用域内重复声明同一个变量，否则会抛出语法错误。

5. 适用场景：

   • let 适用于那些值可能会改变的变量。
   • const 适用于那些一旦赋值后就不应该改变的变量，例如配置信息、常量等。

下面是一些示例代码，展示了 let 和 const 的用法：

// let 示例
let x = 10;
x = 20; // 合法，可以重新赋值
if (true) {
  let x = 30; // 这里的 x 是块级作用域，与外部的 x 不同
  console.log(x); // 输出 30
}
console.log(x); // 输出 20

// const 示例
const y = 100;
// y = 200; // 非法，不能重新赋值
if (true) {
  const y = 300; // 这里的 y 是块级作用域，与外部的 y 不同
  console.log(y); // 输出 300
}
console.log(y); // 输出 100

// 重复声明示例
let a = 1;
let a = 2; // 合法，不会重新赋值
const b = 1;
// const b = 2; // 非法，重复声明会抛出错误

总的来说，let 和 const 提供了更安全和更清晰的方式来声明变量，有助于避免一些常见的编程错误。