jQuery源碼分析-extend(擴展)

1、前言：jQuery的源碼不同于prototype, mootools, 它們對Array, String, Event, Hash都進行了大量的擴展，然后才對element, form之類的dom元素提供了方便及兼容的操作。jQuery的源碼也不同于YUI，采用組件的方式按照J(rèn)AVA面向?qū)ο蟮闹幸?guī)中律地去構(gòu)建類庫，向用戶提供方便的操作。jQuery僅僅是一個對象，類數(shù)組的對象。它沒有對js的原始對象進行擴展。它沒有分層分級去形成這樣那樣的繼承方式（EXT中是這樣）。它僅僅是所它認(rèn)為自己所需要的操作都融合在jQuery對象中。簡介：jQuery為開發(fā)插件提供了兩個方法，分別是：jQuery.fn

2、.extend()：給jQuery對象提供方法。jQuery.extend()：為擴展jQuery類本身添加方法。具體的使用方法可以參考之前同事寫的文檔，在此不再重復(fù)。源碼分析：jQuery.extend = jQuery.fn.extend = function() /target的初始值為第一個參數(shù)值與或操作的結(jié)果/deep變量表示是否實行深度拷貝var target = arguments0 | ,i = 1,length = arguments.length,deep = false,options, name, src, copy;/如果是（對象的）深度拷貝（第一個參數(shù)為true），

3、則進行深度拷貝if (typeof target = “boolean”) deep = target;/target指向第二個參數(shù)target = arguments1 | ;/跳過后面的for循環(huán)i = 2;/如果target初始值類型不對，置為if (typeof target != “object” && ! jQuery.isFunction(target) target = ;/如果只有一個參數(shù)被傳入，則將參數(shù)表示的對象的屬性和方法復(fù)制給jQuery或jQuery對象if (length = i) target = this;-I;for ( ; i < le

4、ngth; i +) /當(dāng)參數(shù)都為非空時if (options = argumentsi) != null) /擴展基本的對象 for (name in options) src = targetname; copy = optionsname; /避免options中指定錯誤或者沖突引起的死循環(huán) if (target = copy) continue; /遞歸處理，實現(xiàn)默認(rèn)對象到自定義對象的深度拷貝 if (deep && copy && (jQuery.isPlainObject(copy) | jQuery.isArray(copy) var clone

5、= src && (jQuery.isPlainObject(src) | jQuery.isArray(src) ? src : jQuery.isArray(copy) ? : targetname = jQuery.extend(deep, clone, copy);/避免出現(xiàn)undefinded類型的數(shù)據(jù)進入插件內(nèi)部 else if (copy != undefinded) targetname = copy;return target;小結(jié)：1. 從源碼中可以看出jQuery.extend和jQuery.fn.extend是同一個方法，但是具體的作用卻不一樣。因為在調(diào)

6、用jQuery.extend 和jQuery.fn.extend 函數(shù)時，函數(shù)內(nèi)部this是不同的，jQuery.extend()內(nèi)this當(dāng)然是jQuery，而jQuery.fn.extend當(dāng)然是jQuery.fn，這樣jQuery.extend()為擴展jQuery類本身.為類添加新的方法。jQuery.fn.extend()是給jQuery對象添加方法。2. extend(src)：將src對象的屬性和方法逐一復(fù)制給jQuery或jQuery對象3. extend(dest, src1, src2, src3.srcN)：將src1, src2對象的屬性和方法逐一復(fù)制給dest對象。需注意的是，在復(fù)制的過程中，排在后面的參數(shù)（對象）將會覆蓋排在前面的參數(shù)和屬性的方法。4. extend(boolean, dest, src1,src2)：jQuery的extend方法提供了“深層拷貝”的功能，如果傳入第一個參數(shù)為boolean型變量，則該變量為深層拷貝的標(biāo)志，第二個參數(shù)為extend方法的目標(biāo)對象，其余參數(shù)為需要進行繼承的“父類”。如果第一個參數(shù)的值為true（深度拷