读书人

请问js高手jQuery的jQuer.fn.extend内

发布时间: 2013-03-28 10:20:24 作者: rapoo

请教js高手jQuery的jQuer.fn.extend内部实现机制是什么样的
我知道jQuery.fn = jQuery.prototype是jQuery的实例,但是对jQuery.fn.extend(...)里面的是如何调用的,还不是很明白,我的初步想法是它里面是一些对象的集合,如何调用,也许是一个个的遍历调用,也许是深度遍历,直到遍历到没有对象为止才停止调用。各位大侠对这方面懂的,还望赐教,如果不懂的有兴趣可以学习下。也不知道为什么会采用这样的方法去写,有什么好处? jquery javascript
[解决办法]
这个跟你猜测的差不多,1.0是这样实现的,越到后就越复杂了,看不懂了。


jQuery.extend = jQuery.fn.extend = function () {
// copy reference to target object
var target = arguments[0],
a = 1;

// extend jQuery itself if only one argument is passed
if (arguments.length == 1) {
target = this;
a = 0;
}
var prop;
while (prop = arguments[a++])
// Extend the base object
for (var i in prop) target[i] = prop[i];

// Return the modified object
return target;
};

1.4.1

jQuery.extend = jQuery.fn.extend = function() {
var options, name, src, copy, copyIsArray, clone,
target = arguments[0]
[解决办法]
{},
i = 1,
length = arguments.length,
deep = false;

// Handle a deep copy situation
if ( typeof target === "boolean" ) {
deep = target;
target = arguments[1]
[解决办法]
{};
// skip the boolean and the target
i = 2;
}

// Handle case when target is a string or something (possible in deep copy)
if ( typeof target !== "object" && !jQuery.isFunction(target) ) {
target = {};
}

// 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;
}

// Recurse if we're merging plain objects or arrays
if ( deep && copy && ( jQuery.isPlainObject(copy)


[解决办法]
(copyIsArray = jQuery.isArray(copy)) ) ) {
if ( copyIsArray ) {
copyIsArray = false;
clone = src && jQuery.isArray(src) ? src : [];

} else {
clone = src && jQuery.isPlainObject(src) ? src : {};
}

// 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;
};


[解决办法]
就是遍历,不过为了多态所以写得复杂了,先看第一个参数是不是boolean,是的话就修改默认的deep(深度复制,默认false)。
再看一下个参数是object,Function还是别的,来决定复制到那。

然后才开始copy.

读书人网 >JavaScript

热点推荐