DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery的實現原理的模擬代碼 -4 重要的擴展函數 extend
jQuery的實現原理的模擬代碼 -4 重要的擴展函數 extend
編輯:JQuery特效代碼     
jQuery.fn.extend 提供了一個擴展機制,可以方便我們通過一個或者多個示例對象來擴展某個對象。如果沒有指定被擴展的對象,那麼將擴展到自己身上。

jQuery.extend 也可以通過 jQuery.fn.extend 使用, 在 jQuery 中使用很多,用來為一個目標對象擴展成員,擴展的成員來自於一系列參考對象。
這樣,如果我們需要為 jQuery.fn 擴展成員 removeData,就可以這樣進行。
代碼如下:
jQuery.fn.extend(
{
removeData: function( key ) {
return this.each(function() {
jQuery.removeData( this, key );
});
}
}
);

extend 的源碼如下,因為比較簡單,所以沒有做太多的精簡。
代碼如下:
/// <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 // 深拷貝情況,第一個參數為 boolean 類型,那麼,表示深拷貝,第二個參數為目標對象
9 if (typeof target === "boolean") {
deep = target;
target = arguments[1] || {};
// skip the boolean and the target
i = 2;
}
// 如果目標不是對象也不是函數
if (typeof target !== "object" && !jQuery.isFunction(target)) {
target = {};
}
// 如果只有一個參數就是擴展自己
if (length === i) {
target = this;
--i;
}
// 遍歷所有的參考對象,擴展到目標對象上
for (; i < length; i++) {
// Only deal with non-null/undefined values
if ((options = arguments[i]) != null) {
// Extend the base object
for (name in options) {
src = target[name];
copy = options[name];
// Prevent never-ending loop
if (target === copy) {
continue;
}
// Recurse if we're merging object literal values or arrays
if (deep && copy && (jQuery.isPlainObject(copy) || jQuery.isArray(copy))) {
var clone = src && (jQuery.isPlainObject(src) || jQuery.isArray(src)) ? src
: jQuery.isArray(copy) ? [] : {};
// Never move original objects, clone them
target[name] = jQuery.extend(deep, clone, copy);
// Don't bring in undefined values
} else if (copy !== undefined) {
target[name] = copy;
}
}
}
}
// Return the modified object
return target;
};
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved