[TOC]
# 解析規則
`template.defaults.rules`
art-template 可以自定義模板解析規則,默認配置了原始語法與標準語法。
## 修改界定符
```js
// 原始語法的界定符規則
template.defaults.rules[0].test = /<%(#?)((?:==|=#|[=-])?)[ \t]*([\w\W]*?)[ \t]*(-?)%>/;
// 標準語法的界定符規則
template.defaults.rules[1].test = /{{([@#]?)[ \t]*(\/?)([\w\W]*?)[ \t]*}}/;
```
它們是一個正則表達式,你可以只修改界定符部分。例如修改 `<%` `%>` 為 `<?` `?>`:
```js
var rule = template.defaults.rules[0];
rule.test = new RegExp(rule.test.source.replace('<%', '<\\\?').replace('%>', '\\\?>'));
```
## 添加語法
從一個簡單的例子說起,讓模板引擎支持 ES6 `${name}` 模板字符串的解析:
```js
template.defaults.rules.push({
test: /\${([\w\W]*?)}/,
use: function(match, code) {
return {
code: code,
output: 'escape'
}
}
});
```
其中 `test` 是匹配字符串正則,`use` 是匹配后的調用函數。關于 `use` 函數:
* 參數:一個參數為匹配到的字符串,其余的參數依次接收 `test` 正則的分組匹配內容
* 返回值:必須返回一個對象,包含 `code` 與 `output` 兩個字段:
* `code` 轉換后的 JavaScript 語句
* `output` 描述 `code` 的類型,可選值:
* `'escape'` 編碼后進行輸出
* `'raw'` 輸出原始內容
* `false` 不輸出任何內容
值得一提的是,語法規則對渲染速度沒有影響,模板引擎編譯器會幫你優化渲染性能。