[转载]Juicer – 一个Javascript模板引擎的实现和优化

http://ued.taobao.org/blog/2012/04/juicer-一个javascript模板引擎的实现和优化/

UPDATE: juicer-0.3.1-dev published @ github.com.

让我们从一段代码说起，假设有一段这样的JSON数据：

var json={

name:"流火",

blog:"ued.taobao.org"

};

我们需要根据这段JSON生成这样的HTML代码：

流火 (blog: ued.taobao.org)

传统的Javascript代码一定是这个样子：

var html;

html=''+json.name+' (blog: '+json.blog+')';

不言而喻，这样的代码混杂了html结构和代码逻辑，而且代码不具可读性，不便于后期维护，于是便有了这样一个函数：

function sub(str,data) {

return str

.replace(/{(.*?)}/igm,function($,$1) {

return data[$1]?data[$1]