一句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);
很赞.收了