javascript文本模板用法實例
更新時間：2015年07月31日 11:50:29 作者：starstroll
這篇文章主要介紹了javascript文本模板用法,實例分析了文本模板的相關(guān)實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了javascript文本模板用法。分享給大家供大家參考。具體如下：
這是我參考Prism.js算法寫的一個小功能，沒什么可說的，作為程序猿看例子應(yīng)該秒懂。
字符串模板引擎類：
/*class*/StringTemplate = function (
/* Optional {patt: RegExp, clPatt: RegExp}*/pattern) {
if (!!pattern) {
this.patt = pattern.patt;
this.clPatt = pattern.clPatt;
} else {
this.patt = /%\{\s*[\w\-]+\s*\}/g;
this.clPatt = /(^%\{\s*)|(\s*\}$)/g;
}
this.format = function(val, map) {
var ls = [];
var res;
var prevEnd = 0;
while ((res = this.patt.exec(val)) != null) {
var va = res[0];
var start = val.substr(prevEnd, res.index - prevEnd);
prevEnd = res.index + va.length;
ls.push(start);
var vac = va.replace(this.clPatt, "");
ls.push(map[vac]);
}
ls.push(val.substr(prevEnd, val.length));
return ls.join("");
}
}
使用方式：
var str = new StringTemplate().format("你好%{userName }, 歡迎再次登陸%{systemName}",{userName: "小明", systemName: "jb51"});
//str="你好小明, 歡迎再次登陸jb51";
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
圣誕節(jié)快到了,經(jīng)常會在抖音上刷到圣誕樹的視頻,所以本文小編給大家介紹了如何使用JS實現(xiàn)圣誕樹,文章通過代碼示例給大家介紹的非常詳細,感興趣的小伙伴跟著小編一起來看看吧2023-12-12
IE8對JS通過屬性和數(shù)組遍歷解析不一樣的地方探討
如果是非IE8瀏覽器例如（IE7、IE9、Chrome、FF，僅測試這幾種）通過屬性和數(shù)組遍歷，其結(jié)果是一樣的，但對于IE8，結(jié)果會有一點小小的差異，在IE8下會把原型鏈擴展方法當做一個屬性輸出，大家可以測試一下2013-05-05
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)紅包雨功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-07-07
這篇文章主要給大家介紹了關(guān)于利用微信小程序獲取當前時間及星期幾的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-09-09
下面小編就為大家?guī)硪黄猨s獲取元素的外鏈樣式的簡單實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
本文主要介紹了js百度地圖滾輪縮放所在點偏移問題解決，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-02-02
下面小編就為大家?guī)硪黄猻witch語句的妙用(必看篇)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
JavaScript實現(xiàn)把數(shù)字轉(zhuǎn)換成中文
這篇文章主要介紹了JavaScript實現(xiàn)把數(shù)字轉(zhuǎn)換成中文,本文直接給出實例代碼,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了JavaScript常用正則函數(shù)用法,結(jié)合實例形式分析了JavaScript正則函數(shù)match、exec、test、search、replace、split的功能與具體使用技巧,需要的朋友可以參考下2017-01-01
這篇文章主要介紹了JavaScript設(shè)計模式之原型模式詳情,原型的這種設(shè)計模式，是一種比較簡單的設(shè)計模式，由于初始化都做一些重復性的東西，造成的性能消2022-06-06