Heim >Web-Frontend >js-Tutorial >Beispiele für die Verwendung von JavaScript-Textvorlagen_Javascript-Kenntnisse

Beispiele für die Verwendung von JavaScript-Textvorlagen_Javascript-Kenntnisse

WBOY
WBOYOriginal
2016-05-16 15:48:001203Durchsuche

Das Beispiel in diesem Artikel beschreibt die Verwendung einer Javascript-Textvorlage. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Dies ist eine kleine Funktion, die ich basierend auf dem Prism.js-Algorithmus geschrieben habe. Als Programmierer sollten Sie sie in Sekundenschnelle verstehen, nachdem Sie sich das Beispiel angesehen haben.

Klasse der String-Vorlagen-Engine:

/*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("");
  }
}

Anwendung:

var str = new StringTemplate().format("你好%{userName }, 欢迎再次登陆%{systemName}",{userName: "小明", systemName: "jb51"});
//str="你好小明, 欢迎再次登陆jb51";

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn