ECMAScript 2015（ES6）和'let'和'const'有什么区别？

Question

我不知道是什么样的区别let，并const在 ES6 。两者都是块作用域的，如以下代码中的示例所示：

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，便无法将其重新分配给该变量。换句话说：

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

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

问题细节声称这是对ES5的更改-这实际上是一种误解。const在仅支持ECMAScript 5的浏览器中使用将始终引发错误。该const语句在ECMAScript 5中不存在。其行为是JS Bin对正在运行的JavaScript类型产生误导，或者是浏览器错误。

在实践中，浏览器并不仅仅是一次从0％对ECMAScript 2015（ECMAScript 6）的支持变为一次100％的支持-功能逐点添加，直到浏览器完全兼容为止。JS Bin所谓的“ JavaScript”仅表示您的浏览器当前支持的任何ECMAScript功能-并不表示“ ES5”或“ ES6”或其他任何形式。许多浏览器都支持const和let他们完全支持ES6前，但有些（如Firefox）对待const像let一段时间。这可能是问题的提问者的浏览器支持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()在其上使用。但是，这只会使对象本身成为只读对象。对象属性的值仍然可以更改。