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

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

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

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

Включить экспериментальный JavaScript (Mac, Windows, Linux, Chrome OS, Android)

Включить веб-страницы для использования экспериментальных функций JavaScript.
# enable-javascript-harmony Включить

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

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

Я получил синтаксическую ошибку:

СинтаксисError: Неожиданный идентификатор

Ответ 1

В Chrome 37 (текущий Chrome) работает флагом Experimental JavaScript:

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

Внешний строгий режим, если вы не находитесь в строгом режиме или, возможно, SyntaxError: Unexpected strict mode reserved word, если флажок Экспериментальный JavaScript не включен.

SyntaxError: Illegal let declaration outside extended mode

Вы также можете скомпилировать свой код с помощью Babel или Включен флаг Traceur и --block-binding.

Подробнее см. таблицу совместимости kangax ES6.

Ответ 3

Babel имеет инструмент для проверки трансляции и выполнения кода. Просто используйте его для тестирования, и в webapps очень вероятно, что вы будете использовать его для перевода на производственный код!

http://babeljs.io/repl

Babel tranpiler