首頁 > web前端 > js教程 > 模板文字可以真正重複使用嗎?

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

Patricia Arquette
發布: 2024-11-02 13:02:02
原創
957 人瀏覽過

Can Template Literals Be Truly Reused?

範本文字:復興重用

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板