jQuery中的 extend 方法使用

2021-10-07 16:13:31 字數 1095 閱讀 8128

$.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.但是在使用過程中,預設值往往是不能...