Как я могу написать и проверить код ECMAScript 6 сейчас?

Question

Я хотел бы начать писать код, используя вверх и вперед ECMAScript 6 (ES6), чтобы начать разбираться с новым синтаксисом.

Есть ли какой-либо веб-ресурс или плагин для браузера, который я могу использовать для воспроизведения (написания и тестирования кода) того, что мы имеем в настоящее время в отношении ES6?

Мне повезло, что использование Google Chrome Canary может помочь. Так что я скачал канарейку, я включил несколько функций в Canary:

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

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

И после тестирования сферы let блок в цикле

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: Unexpected strict mode reserved word, если вы не указали SyntaxError: Illegal let declaration outside extended mode или SyntaxError: Unexpected identifier, если флажок Экспериментальный JavaScript не включен.

Вы также можете скомпилировать код с помощью 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 имеет инструмент для проверки трансляции и выполнения кода. Просто используйте его для тестирования, и в webapps очень вероятно, что вы будете использовать его для перевода на производственный код!

http://babeljs.io/repl