美文网首页
模板引擎

模板引擎

作者: 前端小木鱼 | 来源:发表于2018-06-24 23:06 被阅读0次
    1. 字符串替换
    function stringFormate(string) {
        var params = [].slice.call(arguments,1);
        console.log(params);
        var regex = /\{(\d+)\}/g;
        var str = string.replace(regex,function(){
            index = arguments[1];
            return params[index];
        });
        return str;
    };
    
    1. 简单的模板引擎
    var tmplateEngine = function(tpl,data){
        var regex = /<%([^%>]+)?%>/g;
        while (match = regex.exec(tpl)) {
            tpl = tpl.replace(match[0],data[match[1]]); 
        };
        return tpl;
    };
    var tpl = '<p>Hello,my name is <%name%>.I\'m <%age%> years old.</p>'
    var data = {
        name: 'michael',
        age: 27
    }
    var string = tmplateEngine(tpl,data);
    console.log(string);  //<p>Hello,my name is michael.I'm 27 years old.</p>
    

    相关文章

      网友评论

          本文标题:模板引擎

          本文链接:https://www.haomeiwen.com/subject/cjzsyftx.html