深拷贝和浅拷贝具体分析以及实现

如何区分深拷贝和浅拷贝呢？

简单来说
如果b复制了a，a改变了，b也跟着一起改变了，那么就是浅拷贝，
如果a改变，b没有跟着一起改变，那么就是浅拷贝

那么在实际开发中我们如何进行深拷贝呢？

分两种情况

1、对基本数据类型进行深拷贝

基本数据类型： string、number、Boolean、null、undefined、Symbol

let a = '123456'
let b = a
a = 'abcde'
console.log(a,b) 
//此时a = 'abcde'   b = '123456'

这个时候改变a，b不会跟着改变，但是这也算不上深拷贝，因为深拷贝是针对复杂的object类型来说的

2、Object类型

let a = [1,2,3,4]
let b = a
a[0] = 10
console.log(a,b)
//此时，a = [10,2,3,4]   b = [10,2,3,4]

上面的例子中a改变之后b也改变了，那么这种时候就是浅拷贝了

接下来我们去实现深拷贝

（1）使用递归的方法

// 写一个递归的拷贝方法
function deepCopy(obj) {
	let objClone = Array.isArray(obj) ? [] : {}
//除了基本的数据类型，其他类型的使用typeof判断出来都是object
	if(obj && typeof obj === 'object') {
		for(key in obj) {
			if(obj.hasOwnProperty(key)) {
				//判断obj是否有子级的obj，如果有，则继续递归
				if(obj[key] && typeof obj[key] === 'object') {
					objClone[key] = deepCopy(obj[key])
				} else {
					objClone[key] = obj[key]
				}
			}
		}
	}
	return objClone;
}
let a = [1,2,3,4]
let b = deepCopy(a)
a[0] = 100
console.log(a,b)
//此时修改a，b不会改变，实现了深拷贝

2、使用JSON对象的parse和stringify

function deepClone(obj) {
	let _obj = JSON.stringify(obj);
	let objClone = JSON.parse(_obj);
}
let a = [1,2,3,4]
let b = deepClone(a)
a[0] = 10
console.log(a,b)
//此时修改a，b不会改变，实现了深拷贝

借鉴参考https://www.cnblogs.com/echolun/p/7889848.html