看這個(gè)例子，模板引擎的語法應(yīng)該是類似于這種:<%%>，在<%的后面和%>的前面可以沒有空格，也可以有一個(gè)空格，比如<%name%>和<% name %>應(yīng)該被認(rèn)為是一樣的，所以為了滿足這個(gè)需求，前面需要添加一個(gè)( )?，( )表示匹配一個(gè)空格，?表示前面的重復(fù)0到1次，所以( )?的意思就是說可以有一個(gè)空格，也可以沒有。

結(jié)合代碼，里面有兩個(gè)正則：

var re = /<%([^%>]+)?%>/g,
    re2 = /(^( )?(if|for|else|switch|case|break|{|}))(.*)?/g;
...
while (match = re.exec(tpl)) {
    add(tpl.slice(cursor, match.index));
    re2.test(match[1]) ? add(match[1], true) : add("this." + match[1], true);
    cursor = match.index + match[0].length;
}

第一個(gè)正則會(huì)匹配<%%>然后把<%和%>之間的內(nèi)容保存下來，第二個(gè)正則正好會(huì)處理第一個(gè)正則保存下來的內(nèi)容。
在while循環(huán)中，首先用第一個(gè)re去匹配（match = re.exec(tpl)），然后<%和%>之間的內(nèi)容被保存在match[1]中，然后用re2去匹配（re2.test(match[1])）。
注意，re把<%和%>之間的內(nèi)容全部放在match[1]中了，所以如果是<%name%>那么match[1]中的就是"name"，但是如果是<% name %>那么match[1]中的就是" name "，所以需要使用( )?來處理一下空格。