BLACKBING

Javascript 在指定物件為變數時是傳「reference」，若不知道這個特性很容易搞不清楚你的值為啥被改掉了，jQuery的extend函式可以做deep Clone，也就是遞迴將物件裡頭的任一成員都做clone，但針對array好像有點問題，因此我寫了一支小function來呼叫，以後要做cloneObject時可以直接服用。

/*
 * cloneObject 會完整clone一個全新的Object
 * 若傳入的object是array, 則會回傳array
 */
(function($) {
	$.extend($, {
		cloneObject : function(obj){
			var newObj;
			if($.isArray(obj)){
				newObj = [];
				for(var i=0; i<obj.length; i++){
					newObj.push(arguments.callee(obj[i]));
				}
				return newObj;
			}else{
				newObj = {};
				return $.extend(true, newObj, obj);
			}
		}
	});
})(jQuery)

Closure Template 是google release 的工具Closure Tools其中之一，我會注意到這個工具是因為前端產生動態layout的需求愈來愈多，雖然已經很盡力要將邏輯與template分開，但前端跟layout的結合實在是太密切，很難說分就分，雖然要把layout獨立出來要花更多時間，但至少會更好維護，往後要換template也不用再重寫程式，本篇文章稍微紀錄一下使用心得與過程。

1. 點此下載，裏面包3個檔案：
   1. SoyToJsSrcCompiler.jar ：
   2. soyutils.js
   3. soyutils_usegoog.js
2. jar檔是主要將template輸出成js檔的程式，而soyutil則是一個完整的stringBuilder，你也可以直接用這個function來使用stringBuilder。另外soyutils_suegoog只是加上了google的namespace罷了。
3. template檔為XXX.soy ，附檔名一定要是soy，否則執行不會有任何結果，接下來說明template檔，以下是一個很簡單的hello world範例： 第1行的namespace 一定要先宣告，這相對應於到時候呼叫的namespace，namespace的命名接受連續的階層，例如上述宣告examples變會輸出：

   1. if (typeof examples == 'undefined') { var examples = {}; }
      

      {namespace examples}
      /**
       * Says hello to the world.
       */
      {template .helloWorld}
          Hello world!
      {/template}
      

   2. 若宣告為examples.helloworld則會輸出

      if (typeof examples == 'undefined') { var examples = {}; }
      if (typeof examples.helloworld == 'undefined') { examples.helloworld = {}; }

   3. 一個template(soy檔案)可以有多個不同的template，命名範例：

      {template .helloName}
      blablabla
      {/template}

4. 最後執行

   java -jar SoyToJsSrcCompiler.jar  --outputPathFormat simple.js   simple.soy