テンプレート解析の古典的な実践について

(function(){
  var cache = {};
  var tag_start='<!--';
  var tag_end='-->';

  this.tmpl = function tmpl(str, data){
  var strTemp = str.replace(/[\r\t
]/g, " ")
          .split(tag_start).join("\t")
          .replace(new RegExp("((^|"+tag_end+")[^\\t]*)'", "g"), "$1\r")
          .replace(new RegExp("\\t=(.*?)"+tag_end, "g"), "',$1,'")
          .split("\t").join("');")
          .split(tag_end).join("p.push('")
          .split("\r").join("\\'");

    var fn = !/\W/.test(str) ? cache[str] = cache[str] ||
      tmpl(document.getElementById(str).innerHTML) :
      new Function("obj", "var p=[],print=function(){p.push.apply(p,arguments);};" +
        "with(obj){p.push('" + strTemp  + "');}return p.join('');");
    if (data)
       {document.getElementById(str).innerHTML=fn( data )
       }
    else
        {return fn;
        }
  };
})();



    


 Name:''
    





var data={users:[{name:'name1'},
                 {name:'name2'}
                ]
         };
   tmpl("tpl", data);

(function anonymous(obj) {
    var p = []
      , print = function() {
        p.push.apply(p, arguments);
    };
    with (obj) {
        p.push('  
 ');
        for (i = 0; i < users.length; ++i) {
            p.push(' Name:\'', users[i].name, '  \'
 ');
        }
        p.push(' ');
    }
    return p.join('');
}
)

//    
str.replace(/[\r\t
]/g, " ")  //    ，  ，         ，     
  .split(")[^\\t]*)'", "g"), "$1\r")  //  \t     (    )+'  --> +\t     (    )+' ，      ，$1\r  $1   ()   ，    '   \r
  .replace(new RegExp("\\t=(.*?)-->", "g"), "',$1,'")  // \t      ，    ',$1,'  ()     users[i].name     ',   ,'
  .split("\t").join("');")  //        \t ").join("p.push('") //        -->   p.push(');
  .split("\r").join("\\'");   //    '   '，      '


//    
   

        

      //   p.push('
     Name:''  //   '   \'       ',users[i].name,'      
        

         //   p.push('