試著分析下正美大大的模板
https://github.com/RubyLouvre/mmTemplate/blob/master/mmTemplate.js

首先是一trim函數，把字符串兩端的空白字符去掉

然后是根據id獲取模板字符串，用ejs.compile(source)編譯成模版函數

最后用data來調用模版函數

這3步驟中有一些細節處理

用ejs.cache[id]緩存模版函數，防止重復編譯

$(id, doc)[0] || doc.querySelectorAll(id)[0] || doc.getElementById(id.slice(1)) 降級使用dom選擇器

針對 script textarea標簽內的文本進行unescape處理

opts對象用來配置
opts.doc 模板文檔對象
opts.tid 模板緩存id:string
opts.open tops.close 開始關閉標簽 默認 瀏覽器端為："<&&>" nodejs端為：""
opts.[helpername] 在模板內部使用的自定義輔助函數

于是主要就是ejs.compile函數的編譯過程
首先對于其提供的模板例子

編譯函數根據分割符號<&&> 將其分割,現在用|||為大家標記出來如下：

            |||= title() |||
            
                |||- for(var i=0,tl = @trs.length,tr;i
                        
                    ||| } |||
            
|||= tr.name;; |||
 
|||= tr.age; |||
 
|||= tr.sex || "男" |||
                    
            |||# 怎么可能不支持圖片 |||
            

這些由|||分割的片段被分為 普通字符串 和 js邏輯 兩大類
分割方法是設置一個標志位 flag=true
flag === true 的時候為普通字符串【默認值】
flag === false 的時候為js邏輯
由于<&&>是開始、閉合一一相對的，于是可以根據當前flag的值flag ? open : close去查找到下一個分隔符的開關類型和位置
普通 和 js邏輯字符串分別被存放于 codes和js數組中

同時，按照字符的順序同步進行的是把所有的字符串編譯成為一個匿名函數
先來一個時間字符串

var time = new Date * 1; // 1399372159719

匿名函數anonymous最終調用形式為anonymous(codes, js, filters, helpers)
于是編譯函數分別給 codes,js 映射了一個形式參數名 txt1399372159719, js1399372159719
現在匿名函數顯示如下：

function anonymous(txt1399372159719, js1399372159719, filters, title ) {
  return function(data) {
    "use strict";
    try {
      var r = "",
      line1399372159719 = 0;

當遇到普通字符串的時候，會轉換成語句

r += txt1399372159719[index];

到遇到輔助函數<&= title() &>時轉換為：

r += title();

遇到<&- for(var i=0,tl = @trs.length,tr;i為：

for (var i = 0, tl = data.trs.length, tr; i < tl; i++) {;

其他類推
最終函數【格式化后】為：

function anonymous(txt1399372159719, js1399372159719, filters, title /**/ ) {
  return function(data) {
    "use strict";
    try {
      var r = "",
      line1399372159719 = 0;;
      r += txt1399372159719[0];;
      line1399372159719 = 1;;
      r += title();;
      r += txt1399372159719[1];;
      line1399372159719 = 2;
      for (var i = 0, tl = data.trs.length, tr; i < tl; i++) {;
        r += txt1399372159719[2];;
        line1399372159719 = 3;
        tr = data.trs[i];;
        r += txt1399372159719[3];;
        line1399372159719 = 4;;
        r += tr.name;;;;
        r += txt1399372159719[4];;
        line1399372159719 = 5;;
        r += tr.age;;;
        r += txt1399372159719[5];;
        line1399372159719 = 6;;
        r += tr.sex || "男";;
        r += txt1399372159719[6];;
        line1399372159719 = 7;
      };
      r += txt1399372159719[7];;
      line1399372159719 = 8;;
      r += txt1399372159719[8];;
      line1399372159719 = 9;;
      r += data.href;;
      r += txt1399372159719[9];
      return r;
    } catch (e) {
      EJS.log(e);
      EJS.log(js1399372159719[line1399372159719 - 1])
    }
  }
}

注意到

生成的函數堪比手寫但有一些冗余的分號；防止語句沖突問題

trim=true的方式處理標簽冗余空白，適用于不需要生成多余空白的情況

@trs.length等語句會被轉化為 data.trs.length，而不是簡單的獲取全局變量

|過濾器會被收集起來，然后一個一個的執行順序嵌套執行

#注釋語句將被完全忽略

helpers是被數組化，然后按照形式參數一次被匿名函數調用的【參考title函數】

對于line1399372159719這個變量，我猜測是用于記錄編譯結果函數的行數的，具體還不是很明白，希望知道的同學可以幫忙解釋一下

這部分的代碼都位于js邏輯字符串分支的處理中
生成函數的方式為 Function.apply，這段代碼可以欣賞一下

        var body = ["txt"+time,"js"+time, "filters"]

        var fn = Function.apply(Function, body.concat(helperNames,t) );
        // console.log(fn.toString())
        var args = [codes, js, EJS.filters];
        var compiled = fn.apply(this, args.concat(helpers));

最后編譯函數被(緩存)返回，供我們調用 fn(data)

好厲害的代碼，我還要打個飽嗝再慢慢消化下。
特別是對于

  
line1399372159719 這個變量的作用 還在疑惑中，希望有人可以幫忙解釋下？

the End.