记录部分常用函数的实现(6)：实现模板引擎

一、实现模板引擎

大致思路就是获取模板script标签里的内容然后进行转换，最终返回一个代码字符串，把代码字符串放到html中等候执行

function tmpl (str) {
    var str = document.getElementById(str).innerHTML

    var fn = new Function ("obj", 
        "var p = []; with(obj) {p.push('" + 
        str.replace(/[\r\t\n]/g, "")
        .replace(/<%=(.*?)%>/g, "');p.push($1);p.push('")
        .replace(/<%/g, "');")
        .replace(/%>/g, "p.push('")
        + "');}return p.join('');");

    var template = function (data) {
        return fn.call(this, data)
    }

    return template
}

参考：https://github.com/mqyqingfeng/Blog/issues/63