[英]Convert a es6 template string to html element using vanilla javascript
[英]HTML5, ES6 template string 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文件之前包含。
有3個主要的ES6 polyfill可以為您提供模板字符串支持,但沒有一個可以完全支持,正如您在kangax的ECMAScript支持表中看到的那樣 。
Traceur - 這是Google的ECMAScript polyfill,支持一些ECMAScript 6和ECMAScript的下一個功能,它有4/5支持模板字符串,沒有toString轉換。
Babel - 另一種ECMAScript polyfill,一般有更多的支持,但也只有4/5支持模板字符串,也沒有toString轉換。
es6-shim - 我不確定它是否已經開發了,但它無論如何都沒有模板字符串。
但是你可能想在使用模板字符串之前三思而后行,它只是字符串的語法糖,+用於添加變量,而\\用於多行。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.