模板文字：复兴重用

ES6 中的模板文字经常被吹捧为强大的文本操作工具，但一个棘手的问题仍然存在：它们真的可以重用吗？

无法实现的期望

乍一看，模板文字似乎只在声明时承诺动态替换。这就引出了一个问题：什么是保持静态的模板？

打破循环

与流行的看法相反，模板文字可以使用函数通过运行时替换来重新焕发活力构造函数作为中介：

const template = "Hello ${this.name}!";
const variables = {
  name: "world"
};
function fillTemplate(str, data) {
  return new Function("return `"   str   "`;").call(data);
}
console.log(fillTemplate(template, variables)); // Output: Hello world!

可重用模板剖析

此技术允许以下内容：

• 运行时插值： 变量是动态填充的，就像在传统模板引擎中一样。
• 碎片： 模板可以存储在单独的文件中或动态获取。
• 动态创建：可以动态构建和评估模板。

解决警告

虽然此方法提供了复苏的功能，但有一些警告：

• 有限的 JavaScript： 由于后期插值，内联 JavaScript 逻辑是不可能的。
• 模板标签： 模板标签变得具有挑战性

尽管有这些限制，但很明显，只要有一点独创性，模板文字就可以超越其传统限制并变得真正可重用。