深拷贝和浅拷贝分别是什么

什么是深浅拷贝?

想要了解深浅拷贝首先我们需要了解一下什么是拷贝?
拷贝就是为了你要复用原数据上的部分数据或全部数据,在原数据的基础上通过复制创建一个新的对象

1.浅拷贝:

当B复制A数据上的内容时,只能复制到A数据上得内容,并不能复制到A的地址,
然而当你修改B所复制到的内容时,A数据中的内容也会受到影响

浅拷贝在内存中的演示
如图所示:

浅拷贝的实现方式:
1) object.assign()

		// 1.object.assign
	var obj = { a: { a: "kobe", b: 39 } };
	var initalobj = Object.assign({}, obj);
	initalobj.a.a = "wade";
	console.log(obj.a.a)

2)Array.prototype.concat()

		// 2.array.prototype.concat
	let arr = [1, 3, { username: 'kobe' }];
	let arr2 = arr.concat();
	arr2[2].username = 'wade';
	console.log(arr)

3)Array.prototype.slice()

		// 3.array.prototype.slice
	let arr = [1, 3, { username: 'kobe' }];
	let arr2 = arr.slice();
	arr2[2].username = 'wade';
	console.log(arr)

2.深拷贝:

当B复制A数据上的内容时,能复制到A数据上得内容,并且会将复制到的内容,放在堆中重新开辟一个地址中,然而当你修改B所复制到的内容时,A数据中的内容并不会受到影响

深拷贝在内存中的演示
如图所示:

总结:深拷贝不会改变原数据,浅拷贝会改变原数据

深拷贝的实现方式:
1.JSON.parse/JSON.stringify()

		// json.parse/json.stringify
	let arr = [1, 3, { username: 'kobe' }];
	let arr4 = JSON.parse(JSON.stringify(arr));
	arr4[2].username = 'duncan';
	console.log(arr, arr4)

2.手写递归方法:递归方法实现深度克隆原理:遍历对象,数组知道里边都是基本数据类型,然后再去复制,就是深度拷贝(代码可参考:https://www.cnblogs.com/secretAngel/p/10188716.html)