ES6 模板文字中的可重用性難題

本次討論中提出的主要問題圍繞著ES6 模板文字中假定缺乏可重用性的問題。傳統的演示強調聲明時的替換，不允許運行時修改。

const templateString = `Hello ${this.name}!`;
const templateVars = {
    name: "world"    
};

const fillTemplate = function(templateString, templateVars){
    return new Function("return `"   templateString   "`;").call(templateVars);
};

console.log(fillTemplate(templateString, templateVars));

const templateString = `Hello ${this.name}!`; const templateVars = { 名稱：《世界》 }; const fillTemplate = 函數(templateString, templateVars){ return new Function("return `" templateString "`;").call(templateVars); }; console.log(fillTemplate(templateString, templateVars));透過呼叫函數，您可以產生所需的字串，同時擁有執行時間修改變數的彈性。

• 的好處這種方法：
• 啟用模板值的運行時替換

允許動態字串操作

• 潛在缺點：
• 範本標籤可能需要額外的實作工作