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

时间:2023-01-07 21:27:56

如题,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;
};

其实就是循环赋值啊...