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

Question

我想开始使用即将推出的ECMAScript 6（ES6）编写代码，以便开始掌握新语法。

我可以使用某种网络资源或浏览器插件来播放（编写和测试代码）我们目前对ES6的看法吗？

我认为使用Google Chrome Canary可能会有所帮助。所以我下载了Canary，我在Canary中启用了一些功能：

  

启用实验性JavaScript （Mac，Windows，Linux，Chrome操作系统，Android）

     

启用网页以使用实验性JavaScript功能。
  #enable -javascript-harmony 启用

在for循环中测试let块范围后

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

我遇到语法错误：

  

SyntaxError：意外的标识符

Answer 1

以下内容适用于启用了实验性JavaScript标记的Chrome 37（当前Chrome）：

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

在严格模式下，如果您没有处于严格模式，则会看到SyntaxError: Illegal let declaration outside extended mode或SyntaxError: Unexpected identifier，如果未启用实验性JavaScript标记，则可能会SyntaxError: Unexpected strict mode reserved word。

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

有关详情，请参阅kangax's ES6 compatibility table。

Answer 2

以下是从ES6到ES5的一些转录器的列表：

https://github.com/sindresorhus/grunt-es6-transpiler

https://github.com/sindresorhus/broccoli-es6-transpiler

https://github.com/sindresorhus/gulp-es6-transpiler

https://github.com/termi/es6-transpiler

https://github.com/google/traceur-compiler

Answer 3

Babel有一个测试transile和执行代码的工具。只是用它来测试，在webapps中你很可能会用它来转换成生产代码!!

http://babeljs.io/repl