我不知道是什么样的区别let,并const在 ES6 。两者都是块作用域的,如以下代码中的示例所示:
let
const
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 功能运行它。
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()在其上使用。但是,这只会使对象本身成为只读对象。对象属性的值仍然可以更改。