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

相关文章

  • javascript获取当前的时间戳的方法汇总

    javascript获取当前的时间戳的方法汇总

    这篇文章主要介绍了javascript获取当前的时间戳的方法汇总的相关资料,需要的朋友可以参考下
    2015-07-07
  • 浅谈Webpack4 plugins 实现原理

    浅谈Webpack4 plugins 实现原理

    在wabpack 核心功能除了loader应该就是plugins插件了,本文主要介绍了Webpack4 plugins 实现原理,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • URL中“#” “?” &“”号的作用浅析

    URL中“#” “?” &“”号的作用浅析

    这篇文章主要介绍了URL中“#” “?” &“”号的作用浅析,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-02-02
  • 微信小程序picker多列选择器(mode = multiSelector)

    微信小程序picker多列选择器(mode = multiSelector)

    本文主要介绍了微信小程序picker多列选择器,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-07-07
  • Bootstrap媒体对象学习使用

    Bootstrap媒体对象学习使用

    这篇文章主要为大家详细介绍了Bootstrap媒体对象的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • 详解PHP中pathinfo()函数导致的安全问题

    详解PHP中pathinfo()函数导致的安全问题

    这篇文章主要给大家介绍了PHP中pathinfo()函数导致的安全问题,文中给出了详细的介绍与示例代码,相信对大家的理解和学习具有一定的参考借鉴价值,需要的朋友可以参考下,下面来一起看看吧。
    2017-01-01
  • JavaScript基于Dom操作实现查找、修改HTML元素的内容及属性的方法

    JavaScript基于Dom操作实现查找、修改HTML元素的内容及属性的方法

    这篇文章主要介绍了JavaScript基于Dom操作实现查找、修改HTML元素的内容及属性的方法,涉及javascript dom模型及事件响应相关操作技巧,需要的朋友可以参考下
    2017-01-01
  • 前端异步同步处理应用场景及优化详细讲解和举例

    前端异步同步处理应用场景及优化详细讲解和举例

    前端开发中异步与同步处理分别适用不同场景,异步操作如网络请求、文件读写等,而同步处理适用于简单、线性任务,异步处理可通过回调函数、Promise、async/await等方式优化,提高代码效率和可维护性,需要的朋友可以参考下
    2024-10-10
  • JS 终止执行的实现方法

    JS 终止执行的实现方法

    下面小编就为大家带来一篇JS 终止执行的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起 小编过来看看吧
    2016-11-11
  • JavaScript实现图像压缩的方法

    JavaScript实现图像压缩的方法

    使用 JavaScript 和 canvas 压缩图像可以使用 canvas 的 drawImage() 方法将图像绘制到 canvas 上,然后使用 toDataURL() 方法将图像转换为 Data URL 形式,这篇文章主要介绍了JavaScript 图像压缩的相关资料,需要的朋友可以参考下
    2023-01-01

最新评论