首頁  >  文章  >  web前端  >  jQuery中extend函數使用介紹

jQuery中extend函數使用介紹

小云云
小云云原創
2018-01-25 10:46:381325瀏覽

本文主要介紹了jQuery中extend函數簡單用法,結合實例形式簡單分析了jQuery使用extend函數擴展物件屬性的相關操作技巧,需要的朋友可以參考下,希望能幫助到大家。


var result=$.extend({},item,item1);

extend為物件新增新的屬性:js外掛經常使用來配置參數
{}:item和item1合併後的結果
item:預設屬性
item1:新增屬性,如果item1和item屬性重合則會覆寫item1中的屬性


<span id="Test"></span>


var item={"name":"olive","age":23};
var item1={"name":"Momo",sex:"gril"};
var result=$.extend({},item,item1);
console.log(JSON.stringify(result));
$("#Test").text(JSON.stringify(result))

結果:

##分析:

結果顯示item1的name屬性覆寫了item的name屬性,而item和item1物件的不重疊屬性互相不會產生影響,會統一由result物件繼承,很多js框架都是透過設定預設的配置,然後透過extend函數,使用者可以自訂相關配置,從而達到框架個人化使用的目的。

相關推薦:

jQuery的$.extend淺拷貝與深拷貝實例解析

jQuery中的deferred物件和extend區別詳解

實例詳解jQuery中extend函數簡單用法


#

以上是jQuery中extend函數使用介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn