javascript - 我现在如何编写和测试 ECMAScript 6 代码？

Question

我想开始使用即将到来的 ECMAScript 6 (ES6) 编写代码，以便开始掌握新语法。

是否有某种网络资源或浏览器插件可供我使用(编写和测试代码)我们目前拥有的关于 ES6 的内容？

我被引导相信使用 Google Chrome Canary 可能会有所帮助。所以我下载了 Canary，并在 Canary 中启用了几个功能:

Enable Experimental JavaScript (Mac, Windows, Linux, Chrome OS, Android)

Enable web pages to use experimental JavaScript features.
#enable-javascript-harmony Enable

并且在 for 循环中测试 let block 作用域之后

for (let i = 0; i < 10; i++) {
   console.log(i);
}

语法错误:

SyntaxError: Unexpected identifier

Answer 1

以下在 Chrome 37(当前 Chrome)中运行并启用了实验性 JavaScript 标志:

(function () {
   "use strict"; 
   for (let i = 0; i < 10; i++) {
      console.log(i);
   }
})()

在严格模式之外，你应该看到 SyntaxError: Illegal let declaration outside extended mode 或者 SyntaxError: Unexpected identifier 如果你不在严格模式下，或者可能 SyntaxError: Unexpected strict mode reserved word 如果未启用实验性 JavaScript 标志。

您还可以使用 Babel 编译您的代码或 Traceur and the --block-binding flag enabled .

参见 kangax's ES6 compatibility table了解更多。