浅拷贝和深拷贝

浅拷贝和深拷贝都只是针对于引用数据类型

• 浅拷贝只复制指向某个对象的指针，而不是赋值对象那个本身，新旧对象还是共享同一块内存
• 深拷贝会另外创造一个一样的对象，新对象跟原对象不共享内存，修改新对象不会改变原对象

一、 浅拷贝

只复制对象第一层属性、深拷贝可以对对象的属性进行递归复制

1-1 方式一 Object.assign方法

var obj = {
	a: 1,
	b: 2
}
var obj1 = Object.assign({}, obj)
obj1.a = 3
console.log(obj.a)

1-2 方式二 for in方法

function simpleCopy(obj1) {
	var obj2 = Array.isArray(obj1) ? [] : {}
	for (let i in obj1) {
		obj2[i] = obj1[i];
	}
	return obj2
}

var obj1 = {
	a: 1;
	b: 2,
	c:{
		d: 3
	}
}

var obj2 = simplyCopy(obj1)

二、 深拷贝

2-1 方式一 采用递归拷贝所有层级属性

function deepClone(obj) {
	let objClone = Array.isArray(obj) ? [] :  {}
	if(obj && typeof obj === 'object') {
		for(key in obj) {
			if(obj.hasOwnProperty(key)) {
				// 判断obj子元素是否为对象，如果是，递归复制
				if(obj[key] &&typeof obj[key] === "object") {
							objClone[key] = deepClone(obj[key])
				} else {
					objClone[key] = obj[key];
				}
			}
		}
	}
	return objClone;
}
let a = [1,2,3,4]

2-2 方式二 JSON.stringfy和JSON.parse实现深拷贝

• JSON.stringify : 把对象转为字符串
• JSON.parse: 把字符串转为新的对象

function deepCopy(obj1) {
	let _obj = JSON.stringify(obj1)
	let obj2 = JSON.parse(_obj)
	return obj2
}

var a = [1, [1,2], 3, 4]
var b = deepCopy(a)
b[1][0] = 2;
alert(a);
alert(b);