javascript文本模板用法实例

 更新时间:2015年07月31日 11:50:29   作者:starstroll  
这篇文章主要介绍了javascript文本模板用法,实例分析了文本模板的相关实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了javascript文本模板用法。分享给大家供大家参考。具体如下:

这是我参考Prism.js算法写的一个小功能,没什么可说的,作为程序猿看例子应该秒懂。

字符串模板引擎类:

/*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程序设计有所帮助。

相关文章

  • 使用JS实现抖音上很火的圣诞树的示例代码

    使用JS实现抖音上很火的圣诞树的示例代码

    圣诞节快到了,经常会在抖音上刷到圣诞树的视频,所以本文小编给大家介绍了如何使用JS实现圣诞树,文章通过代码示例给大家介绍的非常详细,感兴趣的小伙伴跟着小编一起来看看吧
    2023-12-12
  • IE8对JS通过属性和数组遍历解析不一样的地方探讨

    IE8对JS通过属性和数组遍历解析不一样的地方探讨

    如果是非IE8浏览器例如(IE7、IE9、Chrome、FF,仅测试这几种)通过属性和数组遍历,其结果是一样的,但对于IE8,结果会有一点小小的差异,在IE8下会把原型链扩展方法当做一个属性输出,大家可以测试一下
    2013-05-05
  • 微信小程序实现红包雨功能

    微信小程序实现红包雨功能

    这篇文章主要为大家详细介绍了微信小程序实现红包雨功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-07-07
  • 微信小程序获取当前时间及星期几的实例代码

    微信小程序获取当前时间及星期几的实例代码

    这篇文章主要给大家介绍了关于利用微信小程序获取当前时间及星期几的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-09-09
  • js获取元素的外链样式的简单实现方法

    js获取元素的外链样式的简单实现方法

    下面小编就为大家带来一篇js获取元素的外链样式的简单实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • js百度地图滚轮缩放所在点偏移问题解决

    js百度地图滚轮缩放所在点偏移问题解决

    本文主要介绍了js百度地图滚轮缩放所在点偏移问题解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-02-02
  • switch语句的妙用(必看篇)

    switch语句的妙用(必看篇)

    下面小编就为大家带来一篇switch语句的妙用(必看篇)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • JavaScript实现把数字转换成中文

    JavaScript实现把数字转换成中文

    这篇文章主要介绍了JavaScript实现把数字转换成中文,本文直接给出实例代码,需要的朋友可以参考下
    2015-06-06
  • JavaScript常用正则函数用法示例

    JavaScript常用正则函数用法示例

    这篇文章主要介绍了JavaScript常用正则函数用法,结合实例形式分析了JavaScript正则函数match、exec、test、search、replace、split的功能与具体使用技巧,需要的朋友可以参考下
    2017-01-01
  • JavaScript设计模式之原型模式详情

    JavaScript设计模式之原型模式详情

    这篇文章主要介绍了JavaScript设计模式之原型模式详情,原型的这种设计模式,是一种比较简单的设计模式,由于初始化都做一些重复性的东西,造成的性能消
    2022-06-06

最新评论