本來想測試下兩者在nodejs中得執行速度，設置了一個測試數據，如下
var testData = { title:'測試標題', description: '<p>這是一個描述，里面用很多標簽，有<h1>h1標簽</h1><h2>h2標簽</h2><h3>h3標簽</h3><h4>h4標簽</h4><h5>h5標簽</h5><p>但是不會解析', datas : createData() }; function createData(){ var array = new Array(); var tmp = '{name:"我是data{i}", age: {i}, comp: "一個大公司}'; for(var i = 0; i < 1000; i++){ array[i] = tmp.replace(/{i}/g, i); } return array; } module.exports = testData;
在swig中可以正常解析，但是在ejs中卻一直報錯，后來才發現問題：ejs中不會把字符串進行轉換
在swig中，數組中得字符串會被解析為對象，可以直接使用，在ejs中卻無法直接解析， 所以對上面的代碼進行修改，如下：
var testData = { title:'測試標題', description: '<p>這是一個描述，里面用很多標簽，有<h1>h1標簽</h1><h2>h2標簽</h2><h3>h3標簽</h3><h4>h4標簽</h4><h5>h5標簽</h5><p>但是不會解析', datas : createData() }; function createData(){ var array = new Array(); for(var i = 0; i < 1000; i++){ array[i] = {name: "我是data" + i, age: i, comp: '一個大公司'}; } return array; } module.exports = testData;
swig的模板頁面testswig.html:
<!doctype html> <html> <head> <meta charset="utf-8"> <script type="text/javascript"> var star = new Date().getTime(); </script> <title>{{title}}</title> </head> <body> <h1 id="time"></h1> <div> <h1>描述</h1> {{description}} </div> <div> <h2>一個大列表：</h2> <ul> {% for item in datas -%} <li>姓名：{{item.name}} 年齡：{{item.age}} 公司：{{item.comp}}</li> {%- endfor%} </ul> </div> <script type="text/javascript"> var end = new Date().getTime(); document.getElementById('time').innerHTML = end - star; </script> </body> </html>
ejs的模板頁面testejs.ejs
<!doctype html> <html> <head> <meta charset="utf-8"> <script type="text/javascript"> var star = new Date().getTime(); </script> <title><%= title %></title> </head> <body> <h1 id="time"></h1> <div> <h1>描述</h1> <%= description %> </div> <div> <h2>一個大列表：</h2> <ul> <% datas.forEach(function(item) { %> <li>姓名：<%= item.name %> 年齡：<%= item.age %> 公司：<%= item.comp %></li> <% }); %> </ul> </div> <script type="text/javascript"> var end = new Date().getTime(); document.getElementById('time').innerHTML = end - star; </script> </body> </html>
測試結果為：
- 1000條數據時，用時都為2ms
- 10000條數據時，swig用時在180ms左右，ejs首次加載時間為470ms，之后加載時間為380毫秒左右擺動。
初步測試swig勝！
這種測試有網絡時間和頁面加載時間，並不全是模板渲染時間，所以並不精確，但是在其他變量一定的情況下，可以算作是相對精確，差值是正確的。
原文地址：ejs和swig對比的問題之一