Js-$.extend擴充方法讓方法參數更有彈性_javascript技巧

在做ＪＳ開發時，我們將第三方複雜的插件進行封裝，然後對外公開一個很簡單的方法接口，這是開發時常用的方法，在ＪＳ裡，我們的方法參數通常使用JQ的$.extend 擴展方法來實作

複製程式碼 程式碼如下:

function extend(arr) {
arr = $.extend({ name: 'zzl', sex: 'male', age: 31 }, arr || {});
alert("[Name:]" arr.name "[Sex:] " arr.sex "[Age:]" arr.age);
}

在頁面呼叫時：

複製程式碼 程式碼如下:

extends輸出內容為：

 
即如果我們沒有為arr指定值，它會把預設的值進行輸出，如果我們為arr物件的某個屬性賦值，結果會怎麼樣？

複製程式碼 程式碼如下:

extends

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

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

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