我知道jQuery.fn = jQuery.prototype是jQuery的实例,但是对jQuery.fn.extend(...)里面的是如何调用的,还不是很明白,我的初步想法是它里面是一些对象的集合,如何调用,也许是一个个的遍历调用,也许是深度遍历,直到遍历到没有对象为止才停止调用。各位大侠对这方面懂的,还望赐教,如果不懂的有兴趣可以学习下。也不知道为什么会采用这样的方法去写,有什么好处?jqueryjavascript

解决方案 »

  1.   

    这个跟你猜测的差不多,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.1jQuery.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;
    };
      

  2.   

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