用js参数实现模板替换机制
生活随笔
收集整理的這篇文章主要介紹了
用js参数实现模板替换机制
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
Ext中為String擴展了一個靜態方法format用于實現對字符串類模板機制的格式化。
如String.format("{0},{1},{2}","a","b","c");返回a,b,c。
看了一下其實現方式覺得比較優雅,而且該函數在實際當中也很有實用價值,于是自己就將其略加改造,實現對字符串的模板替換。
代碼如下:
String.prototype.template=function(){
????var?args=arguments;
????return?this.replace(/\{(\d+)\}/g,?function(m,?i){
????????return?args[i];
????});
}
var?a="arg1:{0},arg2:{1},arg3:{2}";
alert(a.template("a","b","c"));??//arg1:a,arg2:b,arg3:c
alert(a.template("1","2","3"));?//arg1:1,arg2:2,arg3:3
主要用replace+巧妙的正則實現。
調用方式很簡單,首先建立一個模板字符串。如a="{0},{1}",每個模板字符用{數字}表示。
然后直接調用a.template("arg1","arg2","arg3");
傳入的參數與模板中定義的模板字符會對應著被替換。
如String.format("{0},{1},{2}","a","b","c");返回a,b,c。
看了一下其實現方式覺得比較優雅,而且該函數在實際當中也很有實用價值,于是自己就將其略加改造,實現對字符串的模板替換。
代碼如下:
String.prototype.template=function(){
????var?args=arguments;
????return?this.replace(/\{(\d+)\}/g,?function(m,?i){
????????return?args[i];
????});
}
var?a="arg1:{0},arg2:{1},arg3:{2}";
alert(a.template("a","b","c"));??//arg1:a,arg2:b,arg3:c
alert(a.template("1","2","3"));?//arg1:1,arg2:2,arg3:3
主要用replace+巧妙的正則實現。
調用方式很簡單,首先建立一個模板字符串。如a="{0},{1}",每個模板字符用{數字}表示。
然后直接調用a.template("arg1","arg2","arg3");
傳入的參數與模板中定義的模板字符會對應著被替換。
總結
以上是生活随笔為你收集整理的用js参数实现模板替换机制的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 飞鸽传书发现这个讲稿对现场
- 下一篇: 浅谈:飞秋 程序设计之网络通信