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  '' ;          });        }      }()

</p><p> var a = dom.format("Result is #{0},#{1}", 22,33);<br /> alert(a);//"Result is 22,33"<br /> var b = dom.format("#{name} is a #{sex}",{name:"Jhon",sex:"man"});<br /> alert(b);//"Jhon is a man"</p><p>

運行代碼

     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);        },