模板引擎原理

Posted 2020-11-26 huangyuanning

1、通过 id 获取模板内容

2、使用 正则表达式检索字符串 替换模板中的内容

3、再次检索并替换,依次循环下次,当无正则检索相关内容时,返回 null

function my_template(id,data){
　　var contentStr =document.querySelector(‘#‘+id).innerhtml;
　　var reg = /{{(w+)}}/;
　　var result = reg.exec(contentStr);
　　while (result) {
　　　　contentStr = contentStr.replace(result[0],data[result[1]]);result = reg.exec(contentStr);
　　}
　　return contentStr;
}