var tmp = "An ${a} a $ keeps the ${c} away";// obj 是 json 對象 var obj = {a:"apple",b:"day",c:"doctor" };/** *@descript 聲明定義一個函數 tmpl，該函數將文本模板對應的變量替換后返回 * */function tmpl(t,o){/**replace 函數匹配到 1 個字符串后傳給函數，函數返回一個替換的字符串，*然后把匹配到的內容替換掉。接著重復上述步驟直到正則引擎指針到源字符串*結尾才停止匹配，然后把替換后的字符串返回*/return t.replace(/\${(.)}/g,function(m,p){ // m 是正則式匹配到的文本，例如，${a}；p 引用捕獲性分組 (.) 匹配到的內容，例如，"a"console.log('m:'+m+' p:'+p);return o[p]; // o 是一個 json 對象，獲取 o 對象的屬性值并返回，例如，p = "a"，則獲取 o 對象的屬性 a 的值}); } // 打印輸出函數 tmpl 返回的內容 console.log(tmpl(tmp,obj));

上述功能使用ES6可這么實現：

var obj = {a:"apple",b:"day",c:"doctor" }; with(obj){console.log(`An ${a} a ${b} keeps the ${c} away`); }

總結

以上是生活随笔為你收集整理的JS(JavaScript) 使用捕获性分组处理文本模板，最终生成完整字符串的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。