javascript文本模板用法實(shí)例
更新時(shí)間：2015年07月31日 11:50:29 作者：starstroll
這篇文章主要介紹了javascript文本模板用法,實(shí)例分析了文本模板的相關(guān)實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了javascript文本模板用法。分享給大家供大家參考。具體如下：
這是我參考Prism.js算法寫的一個(gè)小功能，沒什么可說(shuō)的，作為程序猿看例子應(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";
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
使用JS實(shí)現(xiàn)抖音上很火的圣誕樹的示例代碼
圣誕節(jié)快到了,經(jīng)常會(huì)在抖音上刷到圣誕樹的視頻,所以本文小編給大家介紹了如何使用JS實(shí)現(xiàn)圣誕樹,文章通過(guò)代碼示例給大家介紹的非常詳細(xì),感興趣的小伙伴跟著小編一起來(lái)看看吧2023-12-12
IE8對(duì)JS通過(guò)屬性和數(shù)組遍歷解析不一樣的地方探討
如果是非IE8瀏覽器例如（IE7、IE9、Chrome、FF，僅測(cè)試這幾種）通過(guò)屬性和數(shù)組遍歷，其結(jié)果是一樣的，但對(duì)于IE8，結(jié)果會(huì)有一點(diǎn)小小的差異，在IE8下會(huì)把原型鏈擴(kuò)展方法當(dāng)做一個(gè)屬性輸出，大家可以測(cè)試一下2013-05-05
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)紅包雨功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-07-07
微信小程序獲取當(dāng)前時(shí)間及星期幾的實(shí)例代碼
這篇文章主要給大家介紹了關(guān)于利用微信小程序獲取當(dāng)前時(shí)間及星期幾的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-09-09
js獲取元素的外鏈樣式的簡(jiǎn)單實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇js獲取元素的外鏈樣式的簡(jiǎn)單實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
js百度地圖滾輪縮放所在點(diǎn)偏移問(wèn)題解決
本文主要介紹了js百度地圖滾輪縮放所在點(diǎn)偏移問(wèn)題解決，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
下面小編就為大家?guī)?lái)一篇switch語(yǔ)句的妙用(必看篇)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
JavaScript實(shí)現(xiàn)把數(shù)字轉(zhuǎn)換成中文
這篇文章主要介紹了JavaScript實(shí)現(xiàn)把數(shù)字轉(zhuǎn)換成中文,本文直接給出實(shí)例代碼,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了JavaScript常用正則函數(shù)用法,結(jié)合實(shí)例形式分析了JavaScript正則函數(shù)match、exec、test、search、replace、split的功能與具體使用技巧,需要的朋友可以參考下2017-01-01
JavaScript設(shè)計(jì)模式之原型模式詳情
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之原型模式詳情,原型的這種設(shè)計(jì)模式，是一種比較簡(jiǎn)單的設(shè)計(jì)模式，由于初始化都做一些重復(fù)性的東西，造成的性能消2022-06-06