模板文字可以真正重複使用嗎？

範本文字：復興重用

ES6 中的範本文字經常被吹捧為強大的文字操作工具，但一個棘手的問題仍然存在：它們真的可以重用嗎？

無法實現的期望

乍一看，模板文字似乎只在聲明時承諾動態替換。這就引出了一個問題：什麼是保持靜態的模板？

打破循環

與流行的看法相反，模板文字可以透過使用Function 的運行時替換來重新煥發活力作為中介的構造函數：

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 邏輯是不可能的。
• 範本標籤： 範本標籤變成實施起來具有挑戰性。

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

以上是模板文字可以真正重複使用嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！