您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

ECMAScript 2015(ES6)和'let'和'const'有什么区别?

ECMAScript 2015(ES6)和'let'和'const'有什么区别?

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()在其上使用。但是,这只会使对象本身成为只读对象。对象属性的值仍然可以更改。

其他 2022/1/1 18:14:23 有503人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶