2014-11-09 4 views
3

По-видимому, ни jsFiddle, ни codepen.io не поддерживают синтаксис ES6 (например, работает let x = 10 будут выдавать ошибку - see for yourself).Бегун для фреймворков Javascript, поддерживающий ES 6 (например, jsFiddle)

Очевидным выбором будет es6fiddle, но он производит clearly false results (переменная i-го диапазона, ограниченная областью видимости).

Есть ли какой-нибудь отрывистый спутник, поддерживающий ES6?

+1

Вы можете проверить [Continuum] (http://benvie.github.io/continuum/), хотя это не действительно jsFiddle. Нет взаимодействия с DOM. –

+1

Вы можете включить Traceur (https://github.com/google/traceur-compiler) и запустить ваши примеры в jsFiddle, а что нет: «" Traceur - это компилятор JavaScript.next-to-JavaScript-of-today, который позволяет вы можете использовать функции из будущего сегодня. Цель Traceur - информировать о дизайне новых функций JavaScript, которые ценны, только если они позволяют писать лучший код. Traceur позволяет вам попробовать новые и предлагаемые языковые функции сегодня, помогая вам сказать, что вы имеете в виду в своем коде, сообщая о стандартном процессе. "" " –

+1

@ Николай Мильников Я думаю, это то, что ** es6fiddle ** делает. В ES5 нет переменных с блочным диапазоном, поэтому, когда вы скомпилируете ES6 на ES5, я думаю, вы не можете эмулировать область блока каким-либо образом, поэтому я получаю те же ложные результаты, что и в ** es6fiddle **. Но спасибо за вариант в любом случае, может быть, я ошибаюсь - попробую! :) – Arnthor

ответ

1

Особая проблема, которую вы видите, связана с a bug in Traceur, трансилером ES6-ES5, который используют многие бегуны-фрагменты, чтобы добавить «поддержку ES6». Вы обнаружите, что такие бегуны, как правило, ограничены программным обеспечением, выполняющим их, а в случае с Traceur это означает, что обычно - превосходная, но иногда багги - поддержка ES6.

2

Вы можете попробовать Babel. Я не знаю, как это работает под капотом, но Ember.js использует его как полисполк ES6, поэтому он должен быть довольно надежным. Они предоставляют веб-консоль, с которой вы сможете поиграть. Он показывает, что ваш код ES6 заканчивается преобразованием в: https://babeljs.io/repl/

+0

«Полипол» - не совсем правильное слово; babel переводит es6 до es5. – meagar

0

Теперь вы можете установить JavaScript-трансляторы с http://codepen.io. Один из них - babel, который позволяет ES6. Процесс прозрачен.

Вам нужно перейти к настройкам, а затем использовать вкладку JavaScript.

0

Мы можем использовать jsFiddle для запуска фрагмента ES6. Измените язык с JavaScript на Babel. enter image description here