javascript - 'let' 和 'const' ECMAScript 2015 (ES6) 有什么区别？

Question

我想知道 let 和 const 在 ES6 中有什么区别。它们都是 block 范围的，如以下代码中的示例:

const PI = 3.14;
console.log(PI);

PI = 3;
console.log(PI);

const PI = 4;
console.log(PI);

var PI = 5;
console.log(PI);

在 ES5 中，输出将是:

3.14
3.14
3.14
3.14

但在 ES6 中它将是:

3.14
3
4
5

我想知道为什么 ES6 允许改变 const 值，问题是为什么我们现在要使用 'const'？我们可以改用“let”吗？

注意:jsbin可用于测试，选择 JavaScript 运行 ES5 代码，选择 Traceur 以使用 ES6 功能运行它。

Answer 1

let 和 const 的区别在于，一旦使用 const 将值/对象绑定(bind)到变​​量，就不能重新赋值到那个变量。换句话说示例:

const something = {};
something = 10; // Error.

let somethingElse = {};
somethingElse = 1000; // This is fine.

问题详情声称这是对 ES5 的更改——这实际上是一种误解。在只支持 ECMAScript 5 的浏览器中使用 const 总是会抛出错误。 const 语句在 ECMAScript 5 中不存在。其中的行为要么是 JS Bin 误导了正在运行的 JavaScript 类型，要么是浏览器错误。

在实践中，浏览器并不是一下子从 0% 支持 ECMAScript 2015 (ECMAScript 6) 到 100% — 功能是一点一点添加的，直到浏览器完全兼容。 JS Bin 所说的“JavaScript”只是指您的浏览器当前支持的任何 ECMAScript 功能——它并不意味着“ES5”或“ES6”或其他任何东西。许多浏览器在完全支持 ES6 之前就支持 const 和 let，但有些浏览器(如 Firefox)像对待 let 一样对待 const一段时间。很可能提问者的浏览器支持 let 和 const 但没有正确实现它们。

其次，像 Babel 和 Traceur 这样的工具不会让 ES6 在旧版浏览器中“运行”——它们反而会将 ES6 代码转换为 ES5 来做大致相同的事情。 Traceur 很可能将 const 语句转换为 var 语句，但我怀疑它总是强制 const 语句的语义在 ES5 中被完全复制.使用 JS Bin 通过 Traceur 运行 ES6 不会给出与在完全符合 ES6 规范的浏览器中运行 ES6 完全相同的结果。

---

重要的是要注意 const 不会使值或对象不可变。

const myArray = [];
myArray.push(1); // Works fine.
myArray[1] = 2; // Also works fine.
console.log(myArray); // [1, 2]
myArray = [1, 2, 3] // This will throw.

目前使对象(浅层)不可变的最佳方法可能是对其使用 Object.freeze()。但是，这只会使对象本身成为只读的；对象属性的值仍然可以改变。