javascript - 用于 JavaScript 模板字符串的 Polyfill

Question

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

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

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

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

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

score 12 · Accepted Answer

是否有任何用于使用反引号的 javascript 模板字符串的 polyfill？

不，你不能为新的 Javascript 语法使用 polyfill，就像反引号一样。polyfill 不会影响代码的编译或一行代码的执行。它只能影响运行时的函数调用。

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

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

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

1 回答 1