javascript模板字符串的Polyfill

Question

是否有使用反引号的 javascript 模板字符串的 polyfills？我指的是看起来像这样的代码：

var textTemplate = `
   <h1>My Template String</h1>
   <p>Some more stuf here...</p>
`;

我不希望使用诸如 babel 之类的转译器或任何其他需要构建步骤的工具。此外，将模板放在单独的脚本标签内的 javascript 模板引擎对我来说也不理想。

我真的很想能够在同一个文件中将模板字符串与其他标准 ES5 代码一起使用。这可能吗？

编辑：我特别需要模板字符串在 IE11 中工作。我意识到他们已经在大多数其他浏览器中这样做了。我现在也意识到 polyfill 不是我想要的正确术语。

Answer 1

是否有使用反引号的 javascript 模板字符串的 polyfills？

不。您不能为反引号所在的新 Javascript 语法添加 polyfill。polyfill 不能影响代码的编译或一行代码的执行。它只能在运行时影响函数调用。

新 Javascript 语法的解决方案是从新语法转换为 ES5 兼容代码。

你甚至不能创建一个函数来执行相同类型的字符串替换（当传递一个普通的 Javascript 引用字符串时），因为函数实现将无法访问通常在反引号模板中使用的局部范围变量。

还有其他类型的字符串替换可以在函数中实现，但您必须传递要替换的值（如 C 中的 sprintf 并使用与模板文字不同的语法），而不仅仅是在函数中使用变量名模板字符串。