随笔- 180 文章- 0 评论- 74 阅读- 110万

JavaScript中一个对象如何继承另外一个对象

如题，JavaScript中一个对象a如何继承另外一个对象b。即将b中的属性和方法复制到a中去。

面试中遇到了这个问题，当时脑子里的想法是：

1.除了循环遍历复制，还能怎样

2.javascript中的原型继承，不是这样用的呀，一定是一个‘类’继承一个对象才对啊。

我当时回答了2.

现在想想，我好SB啊，因为他刚问完我如何编写JQuery插件($.extend()).......

使用说明：

jQuery.extend([deep], target, object1, [objectN])
 
返回值:
    Object
 
概述
    用一个或多个其他对象来扩展一个对象，返回被扩展的对象。
    如果不指定target，则给jQuery命名空间本身进行扩展。这有助于插件作者为jQuery增加新方法。 
    如果第一个参数设置为true，则jQuery返回一个深层次的副本，递归地复制找到的任何对象。否则的话，副本会与原对象共享结构。 
    未定义的属性将不会被复制，然而从对象的原型继承的属性将会被复制。
 
参数
    deep (可选)Object如果设为true，则递归合并。
    targetObject待修改对象。
    object1Object待合并到第一个对象的对象。
    objectN (可选)Object待合并到第一个对象的对象。

JQuery源码：

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 = {};
    }
 
    // 如果只有一个参数，那将意味着对jquery自身进行扩展
    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;
};