這篇文章主要介紹了javascript文本模板用法,實例分析了文本模板的相關實現技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了javascript文本模板用法。分享給大家供大家參考。具體如下：

這是我參考Prism.js算法寫的一個小功能，沒什么可說的，作為程序猿看例子應該秒懂。

字符串模板引擎類：

1. /*class*/StringTemplate = function ( 
2. /* Optional {patt: RegExp, clPatt: RegExp}*/pattern) { 
3. if (!!pattern) { 
4. this.patt = pattern.patt; 
5. this.clPatt = pattern.clPatt; 
6. } else { 
7. this.patt = /%/{/s*[/w/-]+/s*/}/g; 
8. this.clPatt = /(^%/{/s*)|(/s*/}$)/g; 
9. } 
10. this.format = function(val, map) { 
11. var ls = []; 
12. var res; 
13. var prevEnd = 0; 
14. while ((res = this.patt.exec(val)) != null) { 
15. var va = res[0]; 
16. var start = val.substr(prevEnd, res.index - prevEnd); 
17. prevEnd = res.index + va.length; 
18. ls.push(start); 
19. var vac = va.replace(this.clPatt, ""); 
20. ls.push(map[vac]); 
21. } 
22. ls.push(val.substr(prevEnd, val.length)); 
23. return ls.join(""); 
24. } 
25. } 

使用方式：

1. var str = new StringTemplate().format("你好%{userName }, 歡迎再次登陸%{systemName}",{userName: "小明", systemName: "jb51"}); 
2. //str="你好小明, 歡迎再次登陸vevb"; 

希望本文所述對大家的javascript程序設計有所幫助。