JQuery小刨

quasiceo 2012-11-23

展開全文

再來看一下jQuery的擴展方法吧，這可是jQuery的核心。
其實這個方法并不復雜，它的功能有以下幾個
1.對object jQuery的擴展，也就是做成所謂的Utilities方法集，方便大家使用jQuery.functionName()的方式調(diào)用。
2.對jQuery.fn（也就是jQuery.fn.init.prototype，也就是jQuery.fn.init的實例，也就是調(diào)用$()方法返回的對象）的擴展，擴充jQuery實例的功能。
3.對object進行屬性或者方法的復制（包括深度復制）。

對jQuery以及jQuery.fn進行擴充，從source里可以看出，因為參數(shù)只有一個，走的是個很簡單的路徑，如果把source抽出來，就如同下面所示：

Js代碼

jQuery.extend = jQuery.fn.extend = function() {
// copy reference to target object
var target = arguments[0] || {}, i = 1, length = arguments.length, deep = false, options, name, src, copy;
// extend jQuery itself if only one argument is passed
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;
}
// Don't bring in undefined values
if ( copy !== undefined ) {
target[ name ] = copy;
}
}
}
}
// Return the modified object
return target;
};

除去雜亂的變量聲明，賦值以及判斷。其實就是簡單的對對象的屬性方法擴充。

如果不是深度復制，那基本上就是對對象方法的clone了，從jQuery的source來看，就是把對象object的方法屬性賦值一份。如：5557行（以版本1.4.2的普通版為準）

Js代碼

var opt = jQuery.extend({}, optall)

就是把object optall里的屬性方法clone給一個空的object。
剝離出的代碼如下：

Js代碼

jQuery.extend = jQuery.fn.extend = function() {
// copy reference to target object
var target = arguments[0] || {}, i = 1, length = arguments.length, deep = false, options, name, src, copy;
// Handle case when target is a string or something (possible in deep copy)
if ( typeof target !== "object" && !jQuery.isFunction(target) ) {
target = {};
}
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;
}
// Don't bring in undefined values
if ( copy !== undefined ) {
target[ name ] = copy;
}
}
}
}
// Return the modified object
return target;
};