JavaScript浅拷贝和深拷贝详解

1. 浅拷贝只是拷贝一层，更深层次对象级别的只拷贝引用
2. 深拷贝拷贝多层，每一级别的数据都会拷贝
3. Object.assgin(target,…sources) ES6新增方法可以浅拷贝

浅拷贝

var obj = {
	id :1,
	name : '蜘蛛侠',
	msg : {
		age: 20
	}
}
var o = {};
//方法一
for (var i in obj){
	o[i] = obj[i];
}
//方法2
Object.assign(o,ibj);
//浅拷贝第一层之外的更深层只是拷贝的引用也就是地址还是同一个对象，修改更深层次的数据，拷贝前和拷贝过的都会改变

深拷贝

var obj = {
	id :1,
	name : '蜘蛛侠',
	msg : {
		age: 20
	},
	emotion:['happy','sad']
}
var o = {};
//利用 递归
function Copy(newobj,oldobj){
	for(var i in oldobj){
	// 判断属性值的数据类型
		var item = oldobj[i];
		if(item  instanceof Array){//数组属于Object 需要先判断是否属于数组
			newobj[i] = [];
			Copy(newobj[i],item)
		}else if(item instanceof Object ){
			newobj[i] = {};
			Copy(newobj[i],item)
		}else {
			newobj[i] = item;
		}
	}
}
Copy(o,obj);
//深拷贝 是把数据完整的拷贝一份，是新生成另外一个对象，改其中一个对象的数据，另外一个不受影响