码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2014-08-20 12:12:32      阅读:222      评论:0      收藏:0      [点我收藏+]

标签:style   blog   java   使用   os   io   strong   for   

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

其实就是循环复制啊... 

  

JavaScript中一个对象如何继承另外一个对象,布布扣,bubuko.com

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

标签:style   blog   java   使用   os   io   strong   for   

原文地址:http://www.cnblogs.com/haitao-fan/p/3924120.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!