HTML5，ES6模板字符串polyfill

HTML5, ES6 template string polyfill

本文关键字：字符串 polyfill ES6 HTML5      更新时间：2023-09-26

对于我们的应用程序，我们需要使用新功能template string。 

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

但是旧浏览器（如 android 默认浏览器）不支持模板字符串。

如何获取此功能的填充代码？试过babel.我们让这个填充物适用于所有功能，但template string.当前使用 modernizr 来检测支持并显示警报以使用其他浏览器。这种方法对用户来说很烦人。如何获得一些 polyfill 以使其在不支持的浏览器上工作？

是什么让我们template strings.问题是我不能使用这些工具（trceur，babel），因为这个文件是在生产中从puppet生成的。我们不可能在那里运行这些转译器。想在浏览器端添加一些 polyfill。密钥包含一些需要保留这些字符'n字符。我想要一些 polyfill，所以我可以在配置 js 文件之前包含。

有 3 个主要的 ES6 polyfill 可以为您提供模板字符串支持，但它们都没有完全支持，正如您在 kangax 的 ECMAScript 支持表中看到的那样。

    Traceur - 这是 Google 的 ECMAScript

  • polyfill，它支持 ECMAScript 6 和 ECMAScript 的下一个功能，它对模板字符串有 4/5 的支持，没有 toString 转换。

  • Babel - 另一个 ECMAScript polyfill，通常有更多的支持，但也只有 4/5 支持模板字符串，也没有 toString 转换。

  • es6-shim - 我不确定它是否已经开发，但它无论如何都没有模板字符串。

但是在使用模板字符串之前，您可能需要三思而后行，它只是字符串的语法糖，其中 + 添加变量，'' 具有多行。

相关文章：