jQuery源碼分析-extend(擴(kuò)展)

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

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

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

4、ngth; i +) /當(dāng)參數(shù)都為非空時(shí)if (options = argumentsi) != null) /擴(kuò)展基本的對(duì)象 for (name in options) src = targetname; copy = optionsname; /避免options中指定錯(cuò)誤或者沖突引起的死循環(huán) if (target = copy) continue; /遞歸處理，實(shí)現(xiàn)默認(rèn)對(duì)象到自定義對(duì)象的深度拷貝 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類(lèi)型的數(shù)據(jù)進(jìn)入插件內(nèi)部 else if (copy != undefinded) targetname = copy;return target;小結(jié)：1. 從源碼中可以看出jQuery.extend和jQuery.fn.extend是同一個(gè)方法，但是具體的作用卻不一樣。因?yàn)樵谡{(diào)

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