Juicer一个Javascript模板引擎的实现和优化
2012-05-01 12:07:51   来源:   评论:0 点击:

让我们从一段代码说起,假设有一段这样的JSON数据:var json={name:"流火",blog:"ued.taobao.com"};我们需要根据这段JSON生成这样的HTML代码:流火 (blog: ued.taobao.com)传统的Javascript代码一定是这个样子...

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

var json={
	name:"流火",
	blog:"ued.taobao.com"
};

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

流火 (blog: ued.taobao.com)

传统的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]:$;
        });
}

相关热词搜索:Juicer Javascript

上一篇:js各种验证文本框输入格式(正则表达式)
下一篇:8个效果惊人的WebGL/JavaScript演示

分享到: 收藏
评论排行