How are ‘let’, ‘var’, and ‘const’ different?

let、var和const的区别

这三个关键字都用于在JavaScript中声明变量，但它们的作用域（scope）、提升行为（hoisting behavior）以及是否可重新赋值等方面存在一些重要差异。

1. var

   • 作用域: var声明的变量拥有函数作用域，如果在函数内部声明则仅在该函数内部可用。如果在函数外部声明，它就是全局变量。
   • 提升: var声明的变量会被提升到函数或全局代码的顶部，但是提升时只提升变量名，不提升赋值操作。
   • 重复声明: 可以在同一作用域内多次声明同一个变量。
   • 示例:

     javascript
     console.log(x);  // 输出undefined，而不是报错
     var x = 5;

2. let

   • 作用域: let声明的变量具有块级作用域（即{}内部），这使其比var更适合用于控制变量的范围，如在循环和条件语句中。
   • 提升: let声明的变量不会被提升到代码块的顶部。如果在声明前尝试访问变量，将会导致ReferenceError。
   • 重复声明: 在同一作用域内不能重复声明同一个变量。
   • 示例:

     javascript
     if (true) {
         let y = 5;
     }
     console.log(y);  // 这会报错，y没有被定义

3. const

   • 作用域: 与let相同，const也是块级作用域。
   • 提升: 同let，const也不提升。
   • 重复声明: 与let一样，不能在相同作用域内重复声明。
   • 不可变性: const声明的是一个常量，一旦被赋值后不能被重新赋值。但需要注意的是，如果该常量是一个对象或数组，其内容（属性或元素）是可以被修改的。
   • 示例:

     javascript
     const z = 10;
     z = 5;  // 这会报错，因为const变量不能重新赋值
     const arr = [1, 2, 3];
     arr.push(4);  // 可以执行，因为我们没有修改arr的引用，而只是修改了内容
     console.log(arr);  // 输出 [1, 2, 3, 4]

总结来说，let和const是ES6中新增的关键字，相比于var，它们提供了更精准的控制变量的作用域，以及更加严格的使用规则，这有助于编写更安全、更易于维护的代码。