一句js简单实现模版功能

做异步的网页经常把后端传来的json格式数据,展示在页面。这可能就需要一个拼接的html,但这样的代码看起来很糟糕。

这种问题其实要一句js,就能用模版替换,这样代码一下子就优雅清晰

var tpl = '<li><a href="{link}" class="{style}">{name}</li>'; // 模版

function renderer(obj) {
   return tpl.replace(/{(\w+)}/g, function ($0, $1) {
      return obj[$1];
   });
}
   
// demo
var obj = {link:'http://www.baozy.com/', name: 'Baozi', style: 'blue'},
html = renderer(obj);

 

 

 

 

分类 未分类

1条评论

发表评论