位置：首页>> 网络编程>> JavaScript>> 一个功能更强大的字符串格式化函数

一个功能更强大的字符串格式化函数

作者：月影　来源：无忧脚本　发布时间：2008-04-30 17:44:00　

标签：字符串,格式化,函数

This is a {t}. {name}是一个很强大的字符串模板解析方法。

它接受三个参数，分别是{args.text},{args.object},（可选的）{args.decorator}
它最直接的用法是将{args.text}所表示的字符串中用"{{}"和"{}}"包含起来的字符串解析成object的属性。

例如: System.substitute("{{}a{}} love {{}b{}}.", {{}a:"I", b:"you"{}});

将得到{a} love {b}.

值得注意的是，模板替换可以支持多级属性替换，例如本例子中的{{}args.text{}}，还可以支持表达式

例如{{}x{}}+{{}y{}} = {{}x+y{}} => {x} + {y} = {x+y}

/**
* 判定一个对象是否被定义过
*/
Object.defined = function(obj, prop){
    return typeof(obj) != 'undefined' && (prop == null || obj.hasOwnProperty(prop));
};
System = {};
System.substitute = function(s, o, f){

    var patternExpr = /{([^{}]*)}/g
    s = s.replace(patternExpr, function(s,a){
            if(!a) return '';
            try{
                var r = eval("with(o){"+s+"}");
                return Object.defined(r)?(f?f(r):r):'';
            }catch(ex){return "{"+s+"}";}
    });
    return s;
};

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><title>Unit Test 字符串格式化函数 - asp之家</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><meta http-equiv="Pragma" content="no-cache" /><meta http-equiv="Cache-Control" content="no-cache" /> <meta http-equiv="Expires" content="0" /><meta http-equiv="ImageToolbar" content="no" /></head><body><div id="template">This is a {t}. <br/>{name}是一个很强大的字符串模板解析方法。<br/>它接受三个参数，分别是{args.text},{args.object},（可选的）{args.decorator}<br/>它最直接的用法是将{args.text}所表示的字符串中用"{{}"和"{}}"包含起来的字符串解析成object的属性。<br/>例如: System.substitute("{{}a{}} love {{}b{}}.", {{}a:"I", b:"you"{}});<br/>将得到{a} love {b}.<br/>值得注意的是，模板替换可以支持多级属性替换，例如本例子中的{{}args.text{}}，还可以支持表达式<br/>例如{{}x{}}+{{}y{}} = {{}x+y{}} => {x} + {y} = {x+y}</div><br/><div id="test" style="border:solid 1px #3377cc">This is a {t}. <br/>{name}是一个很强大的字符串模板解析方法。<br/>它接受三个参数，分别是{args.text},{args.object},（可选的）{args.decorator}<br/>它最直接的用法是将{args.text}所表示的字符串中用"{{}"和"{}}"包含起来的字符串解析成object的属性。<br/>例如: System.substitute("{{}a{}} love {{}b{}}.", {{}a:"I", b:"you"{}});<br/>将得到{a} love {b}.<br/>值得注意的是，模板替换可以支持多级属性替换，例如本例子中的{{}args.text{}}，还可以支持表达式<br/>例如{{}x{}}+{{}y{}} = {{}x+y{}} => {x} + {y} = {x+y}<br/>关于转义：这是{x}这是{{}x{}}这是{{}{x}{}}这是{{{}x{}}}</div><script type="text/javascript">/** * 判定一个对象是否被定义过 */Object.defined = function(obj, prop){ return typeof(obj) != 'undefined' && (prop == null || obj.hasOwnProperty(prop));};System = {};System.substitute = function(s, o, f){ var patternExpr = /\{([^\{\}]*)\}/g s = s.replace(patternExpr, function(s,a){ if(!a) return ''; try{ var r = eval("with(o){"+s+"}"); return Object.defined(r)?(f?f(r):r):''; }catch(ex){return "{"+s+"}";} }); return s;};</script><script>var text = document.getElementById("test").innerHTML;document.getElementById("test").innerHTML = System.substitute(text, {t:"Test", name:"System.subtitute",args:{text:"text", object:"object", decorator:"decorator"}, a:"I", b:"you",x:1, y:2}, function(s){return '<font color="red">'+s+'</font>'});</script></body></html>

投稿

一个功能更强大的字符串格式化函数

猜你喜欢