前端模板基础-1

前段时间出去面试，问到接收到后台数据之后怎么展示到页面，当时什么都没想，自信满满的说：直接说字符串拼接。后来面试官问那数据很多的时候怎么维护呢？我想了想这维护很困难呀！后来面试官说可以用一些插件，模板来展示数据，然后自己就回来查了下。模板的原理就是设定好内容，然后把要替换的东西设置成参数。付一个简单的模板例子：

function format(str,json){

　　return str.replace(/\{\{\w+\}\}/g,function(name){

　　　　name=name.substring(2,name.length-2);
　　　　return json[name];
　　});

}
document.write(format('我是{{name}},今年{{age}}岁',{name:'winnie',age:'18'}))

在页面输入我是XXX，今年XX岁。函数传两个参数，一个字符串，一个json。json里边的数据就是要替换的内容。然后用字符串的replace()方法。replace中有两个值，第一个是要替换的内容（用正则匹配出来{{XXX}}），第二个是要替换成谁（一个函数，返回json的name值）

转载于:https://www.cnblogs.com/somejs/p/7595694.html