jQuery 原理的模擬代碼 -4 重要的擴(kuò)展函數(shù) extend

上一篇：jQuery 原理的模擬代碼 -3 事件處理

在上兩篇文章中，我們看到每次要通過(guò) jQuery 的原型增加共享方法的時(shí)候，都需要通過(guò) jQuery.fn 一個(gè)個(gè)進(jìn)行擴(kuò)展，非常麻煩，jQuery.fn.extend 提供了一個(gè)擴(kuò)展機(jī)制，可以方便我們通過(guò)一個(gè)或者多個(gè)示例對(duì)象來(lái)擴(kuò)展某個(gè)對(duì)象。如果沒有指定被擴(kuò)展的對(duì)象，那么將擴(kuò)展到自己身上。

jQuery.extend 也可以通過(guò) jQuery.fn.extend 使用， 在 jQuery 中使用很多，用來(lái)為一個(gè)目標(biāo)對(duì)象擴(kuò)展成員，擴(kuò)展的成員來(lái)自于一系列參考對(duì)象。

這樣，如果我們需要為 jQuery.fn 擴(kuò)展成員 removeData，就可以這樣進(jìn)行。

jQuery.fn.extend(
{
removeData: function( key ) {
return this.each(function() {
jQuery.removeData( this, key );
});
}
}
);

extend 的源碼如下，因?yàn)楸容^簡(jiǎn)單，所以沒有做太多的精簡(jiǎn)。

1 /// <reference path="jQuery-core.js" />
2
3
4 jQuery.extend = jQuery.fn.extend = function () {
5 // copy reference to target object
6 var target = arguments[0] || {}, i = 1, length = arguments.length, deep = false, options, name, src, copy;
7
8 // 深拷貝情況，第一個(gè)參數(shù)為 boolean 類型，那么，表示深拷貝，第二個(gè)參數(shù)為目標(biāo)對(duì)象
9 if (typeof target === "boolean") {
10 deep = target;
11 target = arguments[1] || {};
12 // skip the boolean and the target
13 i = 2;
14 }
15
16 // 如果目標(biāo)不是對(duì)象也不是函數(shù)
17 if (typeof target !== "object" && !jQuery.isFunction(target)) {
18 target = {};
19 }
20
21 // 如果只有一個(gè)參數(shù)就是擴(kuò)展自己
22 if (length === i) {
23 target = this;
24 --i;
25 }
26
27 // 遍歷所有的參考對(duì)象，擴(kuò)展到目標(biāo)對(duì)象上
28 for (; i < length; i++) {
29 // Only deal with non-null/undefined values
30 if ((options = arguments[i]) != null) {
31 // Extend the base object
32 for (name in options) {
33 src = target[name];
34 copy = options[name];
35
36 // Prevent never-ending loop
37 if (target === copy) {
38 continue;
39 }
40
41 // Recurse if we're merging object literal values or arrays
42 if (deep && copy && (jQuery.isPlainObject(copy) || jQuery.isArray(copy))) {
43 var clone = src && (jQuery.isPlainObject(src) || jQuery.isArray(src)) ? src
44 : jQuery.isArray(copy) ? [] : {};
45
46 // Never move original objects, clone them
47 target[name] = jQuery.extend(deep, clone, copy);
48
49 // Don't bring in undefined values
50 } else if (copy !== undefined) {
51 target[name] = copy;
52 }
53 }
54 }
55 }
56
57 // Return the modified object
58 return target;
59 };

原文：http://www.cnblogs.com/haogj/archive/2010/08/03/1789779.html

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)