日期:2014-05-16  浏览次数:20388 次

请教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 && (