Js-$.extend擴充方法使方法參數更靈活

在做ＪＳ開發時，我們將第三方複雜的外掛程式進行封裝，然後對外公開一個很簡單的方法介面，這是開發時常用的方法，在ＪＳ裡，我們的方法參數通常使用JQ的$.extend 擴充方法來實現
複製代碼 代碼如下:
function extend(arr) {
arr = $.extend({ name: 'zzl', sex: 'male', age: 31 }, arr || {});
alert("[Name:]" + arr.name + "[Sex:]" + arr.sex + "[Age:]" + arr.age);
}

在頁面調用時：
複製代碼 代碼如下:
<a href="#" onclick="extend();return false;">extends</a>輸出內容為：

 
即如果我們沒有為arr指定值，它會把預設的值進行輸出，如果我們為arr對象的某個屬性賦值，結果會怎樣？
複製代碼 代碼如下:
<a href="#" onclick="extend({name:'佔佔'});return false;">extends</a>

上面代碼，我們改變了name屬性的性，結果輸出為：

即，它只修改了指定屬性的值，對象的其它值保持為原來的預設值。
ＪＳ中的||運算子與Ｃ#中的||作用相同，都是“邏輯或”，而在本例中它的用法是，如果arr對象為空白，然後將{}賦值給它，這個功能類似於Ｃ#裡的

？？運算子，所以ＪＳ裡的｜｜挺強大，呵呵。