最简单的模板引擎实现原理:
var template = `<h1>我买了一个{{thing}} 花了{{money}} 好{{mood}}</h1>`
var data = {
thing:'酒',
money:'3999',
mood:'贵'
}
// findStr 匹配的正则表达式的值
// $1 捕获到这个括号里面的值
//结合data对象进行智能转换
function render(template,data){
return template.replace(/\{\{(\w+)\}\}/g,function(findStr,$1){
return data[$1]
})
}
var result = render(template,data)
console.log(result)
结果
前期准备:
新建文件,到该文件下使用命令 npm init
不行就重新打包一下!