js设计模式 -- 拷贝模式-优快云博客

本文详细解释了深拷贝和浅拷贝的概念，并通过具体的JavaScript实现展示了两种拷贝方式的区别。介绍了jQuery框架中的$.extend()方法如何根据参数来区分拷贝类型。

拷贝，分深拷贝和浅拷贝。

在我们了解过的框架中，jquery的$.extend()可以根据第一个传入的参数区分拷贝类型；

jQuery.extend( target [, object1 ] [, objectN ] )；

deep

类型: Boolean

如果是true，合并成为递归（又叫做深拷贝）。
target

类型: Object

对象扩展。这将接收新的属性。
object1

类型: Object

一个对象，它包含额外的属性合并到第一个参数.
objectN

类型: Object

包含额外的属性合并到第一个参数

function shallowCopy(srcObj, destObj){
	var destObj = destObj || {};
	for(var key in srcObj){
		if(!destObj.hasOwnProperty(key)){
			destObj[key] = srcObj[key];
		}
	}
	return destObj;
}

　　浅拷贝只是一种简单的循环赋值，所以运行效率非常高，速度快。

function deepCopy(srcObj, destObj){
	var destObj = destObj || {};
	for(var key in srcObj){
		if(!destObj.hasOwnProperty(key)){
			if(typeof srcObj[key] == 'object'){
				destObj[key] = (srcObj[key].constructor === Array) ? [] : {};
				deepCopy(srcObj[key], destObj[key]);
			}else{
				destObj[key] = srcObj[key];
			}
		}
	}
	return destObj;
}

　　深拷贝的核心就是递归。

转载于:https://www.cnblogs.com/smss/p/6407642.html