模板文字：復興重用

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 邏輯是不可能的。
• 模板標籤： 模板標籤變得具有挑戰性

儘管有這些限制，但很明顯，只要有一點獨創性，模板文字就可以超越其傳統限制並變得真正可重複使用。