?var templateStr = "我的名字叫<%=name%>我是一只小狗,今年<%=age%>歲。";var data = {name:'旺財',age:'18'};/*會利用正則來匹配*///console.log(/<%=\s*([^%>]+\S)\s*%>/.exec(templateStr));var match = /<%=\s*([^%>]+\S)\s*%>/.exec(templateStr);console.log(match);//['<%=name%>',name,....]//match[1]--->name match[0]----><%=name%>//data[match[1]]-->'旺財'//即將<%=name%> 用 '旺財' 進行替換templateStr = templateStr.replace(match[0],data[match[1]]);console.log(templateStr);match = /<%=\s*([^%>]+\S)\s*%>/.exec(templateStr);console.log(match);templateStr = templateStr.replace(match[0],data[match[1]]);console.log(templateStr);/*while循環實現將字符串中的所有內容替換掉掉*///匹配到<%=XX%>var match = /<%=\s*([^%>]+\S)\s*%>/.exec(templateStr);while(match){//match有值templateStr = templateStr.replace(match[0],data[match[1]]);//替換match = /<%=\s*([^%>]+\S)\s*%>/.exec(templateStr);//繼續匹配<%=XX%>}console.log(templateStr);//原理!! /*apply 改變函數的上下文當中的this的指向*/template.apply({name:'xgg'},['xgg','10']);/*也是一個方法也是一個函數*/var template = new Function('templateStr','data','var match = /<%=\s*([^%>]+\S)\s*%>/.exec(templateStr);while(match){templateStr = templateStr.replace(match[0],data[match[1]]);match = /<%=\s*([^%>]+\S)\s*%>/.exec(templateStr)}console.log(templateStr);');template(templateStr,data);var template = new Function('name','age','代碼塊');?

　　

轉載于:https://www.cnblogs.com/itlyh/p/6045754.html

總結

以上是生活随笔為你收集整理的模板引擎的简单原理template的全部內容，希望文章能夠幫你解決所遇到的問題。

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