HTML5, строка шаблона ES6 polyfill

Для нашего приложения нам нужно использовать новую функцию template string.

var verLongKey= `834r845784576485
y84ery5845y485yu843
483y53485684576845
jhu87843647356756745==457485,mh
ererthe8t0998785==ery8`;

Но старые браузеры (например, браузеры по умолчанию для Android) не поддерживают строку шаблона.

Как я могу получить polyfill для этой функции? Пробовал babel. Мы получили этот polyfill для всех функций, но template string. В настоящее время используется modernizr, чтобы обнаружить поддержку и показать предупреждение для использования другого браузера. Этот подход раздражает пользователей. Как я могу получить polyfill, чтобы эта работа работала над не поддерживающими браузерами?

Что сделало нас этим template strings. Проблема в том, что я не могу использовать эти инструменты (trceur, babel), так как этот файл создается при создании из puppet. Мы не будем запускать эти транспилеры там. хотите добавить несколько polyfill в сторону браузера. ключ содержит несколько символов \n, в которых необходимо сохранить их. Я хочу немного polyfill, поэтому я могу включить его перед файлом configs js.

Ответ 1

Есть 3 основных полиса ES6, которые могут дать вам поддержку шаблона, но ни одна из них не имеет полной поддержки, как вы можете видеть в kangax Таблица поддержки ECMAScript.

  • Traceur - это Google ECMAScript polyfill, который поддерживает некоторые дополнительные функции ECMAScript 6 и ECMAScript, имеет поддержку 5/5 для строк шаблонов, нет преобразования toString.

  • Babel - еще один ECMAScript polyfill, имеет большую поддержку в целом, но также поддерживает только 4/5 для строк шаблонов, а также не преобразование toString.

  • es6-shim - я не уверен, что он еще больше развит, но он все равно не имеет шаблонных строк.

Но вы можете подумать дважды, прежде чем использовать строку шаблона, это просто синтаксический сахар для строки с + для добавления переменных и\для создания нескольких строк.