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

Question

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

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

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

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

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

Answer 1

Are there any polyfills for javascript template strings that use a backtick?

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

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

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

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