$.extend()函式用於將乙個或多個物件的內容合併到目標物件
用法1:只有乙個引數,表示將該引數新增到全域性物件jquery中,可以用 $. 來獲取值。
測試1-1:$.extend(); alert($.test); // 彈出框會顯示100;
測試1-2:var fun = function(i); $.extend(); $.test(200); // 彈出框會顯示200;
用法2:有多個引數,所有引數都是物件,表示將這些物件的屬性合併到第乙個引數中,返回值也是第乙個引數物件
測試2-1:
var obj1 = ;
var obj2 = ;
var obj3 = ;
var obj = $.extend(obj1, obj2, obj3);
alert(obj.name2);// 彈出夏承凜
alert(obj1.name3);// 彈出問奈何
用法3:有多個引數,第乙個引數是「true」,不是物件,表示深度合併,也就是,如果這些引數有相同的屬性名,這些屬性也是物件的話,將這些屬性也合併(第乙個引數不寫的話,預設是false,就不深度合併,這時相同的屬性後面會替換前面的,不要手動寫false,會出問題)
測試3-1:寫上true,man屬性合併
var obj1 = };
var obj2 = };
var obj3 = ;
var obj = $.extend(true, obj1, obj2, obj3);
alert(obj.man.name1);// 彈出墨傾池
alert(obj.man.name2);// 彈出夏承凜
測試3-2:不寫true,man屬性替換
var obj1 = };
var obj2 = };
var obj3 = ;
var obj = $.extend(obj1, obj2, obj3);
alert(obj.man.name1);// 彈出undefined
alert(obj.man.name2);// 彈出夏承凜
參考自菜鳥教程:
jQuery中的extend方法
jquery 中的extend方法jquery中的extend方法通過不同的引數實現了幾種不同的繼承方法 1.extend src 將src物件的屬性和方法逐一複製給jquery或jquery物件 2.extend dest,src1,src2,src3.srcn 將 src1 src2.物件的屬性...
jquery中的extend 方法
通常我們使用jquery的extend 方法時,大都是為了實現預設欄位的覆蓋,即若傳入某個欄位的值,則使用傳入值,否則使用預設值。function getopt option extend default,option return default getopt getopt getopt exte...
Jquery中extend使用技巧
在使用jquery開發的過程中,extend是常用的引數處理函式,特別是對預設值的使用。jquery的擴充套件方法原型是 var v extend dest,src1,src2,src3.作用是把src1,src2,src3合併到到dest中並返回合併後的dest.但是在使用過程中,預設值往往是不能...