javascript 在字符串嵌入表达式
在C语言中，有一个叫printf的方法，我们可以在后面添加不同的类型的参数嵌入到将要输出的字符串，这是非常有用的方法，因为在javascript有大量这样的字符串拼接操作。如果涉及逻辑，我们可以用模板，如果轻量点，我们发现在主流框架，都提供了一个叫substitute的方法（在Prototype为interpolate, Base2为format)。嘛，由于我比较喜欢ruby，因此使用ruby式的标记法——#{}。#{}里面可以为一个单词，这时第二参数为一个对象，键名即为此单词。如果#{}为一个数字，这时使用Python format的用法，这时就存在多个参数，依次对应其里面的数字（记得qwrap里面的StringH.format也这样用。）
源码：
//2011.3.6 by 司徒正美
+ function(){
var reg_format = /\\?\#{([^{}]+)\}/gm, A_slice = Array.prototype.slice;
this.dom = this.dom || {};
dom.format = function(str, object){
var array = A_slice.call(arguments,1);
return str.replace(reg_format, function(match, name){
if (match.charAt(0) == '\\')
return match.slice(1);
var index = Number(name)
if(index >=0 )
return array[index]
if(object && (object[name]!==void 0))
return object[name]
return '' ;
});
}
}()
dom.require("lang",function(){
var a = dom.format("style.#{name}=((isEnd ? #{end} : adapter.#{type}( #{from}, #{change},'#{easing}',per ))|0)+'#{unit}';",{
name:"width",
end:"400",
type:"_default",
from:"200",
change:"200",
easing:"linear",
unit:"px"
}) ;
dom.log(a)
});
//style.width=((isEnd ? 400 : adapter._default( 200, 200,'linear',per ))|0)+'px';
另一种拼接字符串的方法：
/**
* 用于拼接多行HTML片断,免去写<与>与结束标签之苦
* @param {String} tag 可带属性的开始标签
* @param {String} innerHTML 可选
* @param {Boolean} xml 可选 默认false,使用HTML模式,需要处理空标签
* @example var html = T("P title=aaa",T("span","111111")("strong","22222"))("div",T("div",T("span","两层")))("H1",T("span","33333"))('',"这是纯文本");
* console.log(html+"");
* @return {Function}
*/
rnoclose = /^(area|base|basefont|bgsound|br|col|frame|hr|img|input|isindex|link|meta|param|embed|wbr)$/i,
tag: function (start, content, xml){
xml = !!xml
var chain = function(start, content, xml){
var html = arguments.callee.html;
start && html.push("<",start,">");
content = ""+(content||"");
content && html.push(content);
var end = start.split(" ")[0];//取得结束标签
if(end && (xml || !rnoclose.test(end))){
html.push("</",end,">");
}
return chain;
}
chain.html = [];
chain.toString = function(){
return this.html.join("");
}
return chain(start,content,xml);
},