如題,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;
};
其實就是循環賦值啊...
