欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript文本模板用法實(shí)例

 更新時(shí)間:2015年07月31日 11:50:29   作者:starstroll  
這篇文章主要介紹了javascript文本模板用法,實(shí)例分析了文本模板的相關(guān)實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了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è)計(jì)有所幫助。

相關(guān)文章

  • 使用JS實(shí)現(xiàn)抖音上很火的圣誕樹的示例代碼

    使用JS實(shí)現(xiàn)抖音上很火的圣誕樹的示例代碼

    圣誕節(jié)快到了,經(jīng)常會在抖音上刷到圣誕樹的視頻,所以本文小編給大家介紹了如何使用JS實(shí)現(xiàn)圣誕樹,文章通過代碼示例給大家介紹的非常詳細(xì),感興趣的小伙伴跟著小編一起來看看吧
    2023-12-12
  • IE8對JS通過屬性和數(shù)組遍歷解析不一樣的地方探討

    IE8對JS通過屬性和數(shù)組遍歷解析不一樣的地方探討

    如果是非IE8瀏覽器例如(IE7、IE9、Chrome、FF,僅測試這幾種)通過屬性和數(shù)組遍歷,其結(jié)果是一樣的,但對于IE8,結(jié)果會有一點(diǎn)小小的差異,在IE8下會把原型鏈擴(kuò)展方法當(dāng)做一個屬性輸出,大家可以測試一下
    2013-05-05
  • 微信小程序?qū)崿F(xiàn)紅包雨功能

    微信小程序?qū)崿F(xiàn)紅包雨功能

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)紅包雨功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2018-07-07
  • 微信小程序獲取當(dāng)前時(shí)間及星期幾的實(shí)例代碼

    微信小程序獲取當(dāng)前時(shí)間及星期幾的實(shí)例代碼

    這篇文章主要給大家介紹了關(guān)于利用微信小程序獲取當(dāng)前時(shí)間及星期幾的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-09-09
  • js獲取元素的外鏈樣式的簡單實(shí)現(xiàn)方法

    js獲取元素的外鏈樣式的簡單實(shí)現(xiàn)方法

    下面小編就為大家?guī)硪黄猨s獲取元素的外鏈樣式的簡單實(shí)現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-06-06
  • js百度地圖滾輪縮放所在點(diǎn)偏移問題解決

    js百度地圖滾輪縮放所在點(diǎn)偏移問題解決

    本文主要介紹了js百度地圖滾輪縮放所在點(diǎn)偏移問題解決,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2023-02-02
  • switch語句的妙用(必看篇)

    switch語句的妙用(必看篇)

    下面小編就為大家?guī)硪黄猻witch語句的妙用(必看篇)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-10-10
  • JavaScript實(shí)現(xiàn)把數(shù)字轉(zhuǎn)換成中文

    JavaScript實(shí)現(xiàn)把數(shù)字轉(zhuǎn)換成中文

    這篇文章主要介紹了JavaScript實(shí)現(xiàn)把數(shù)字轉(zhuǎn)換成中文,本文直接給出實(shí)例代碼,需要的朋友可以參考下
    2015-06-06
  • JavaScript常用正則函數(shù)用法示例

    JavaScript常用正則函數(shù)用法示例

    這篇文章主要介紹了JavaScript常用正則函數(shù)用法,結(jié)合實(shí)例形式分析了JavaScript正則函數(shù)match、exec、test、search、replace、split的功能與具體使用技巧,需要的朋友可以參考下
    2017-01-01
  • JavaScript設(shè)計(jì)模式之原型模式詳情

    JavaScript設(shè)計(jì)模式之原型模式詳情

    這篇文章主要介紹了JavaScript設(shè)計(jì)模式之原型模式詳情,原型的這種設(shè)計(jì)模式,是一種比較簡單的設(shè)計(jì)模式,由于初始化都做一些重復(fù)性的東西,造成的性能消
    2022-06-06

最新評論