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

上述功能使用ES6可這么實(shí)現(xiàn)：

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。