javascript文本模板用法实例

这篇文章主要介绍了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程序设计有所帮助。