alibaba面试题：深浅拷贝的不同和如何使用

原创已于 2022-08-08 11:04:15 修改 · 143 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #java

于 2022-08-05 20:50:55 首次发布

大前端同时被 2 个专栏收录

13 篇文章

订阅专栏

javascript

7 篇文章

订阅专栏

本文探讨了JavaScript中浅拷贝和深拷贝的概念，通过示例展示了它们的区别。浅拷贝仅复制引用，导致源对象与拷贝对象共享状态，而深拷贝则创建了独立的对象副本。文章还提供了手动实现深拷贝的代码片段，以及针对数组和对象的拷贝示例，强调了修改拷贝对象不会影响源对象的重要性。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var n=6;
			var m=n;
			console.log(m);//6
			var obj1={"a":1,"b":2};   //obj1:0x001
			//浅拷贝
			var obj2=obj1;   //obj2:0x001
			obj2.a=6;
			console.log(obj1); //{a: 6, b: 2}
			//对象深拷贝
			var obj3={};
			for (var key in obj1) {
				//obj3.a=1;
				obj3[key]=obj1[key];
			}
			console.log(obj3); //{a: 6, b: 2}
			obj3.b=888;
			console.log(obj3);  //{a: 6, b: 888}
			console.log(obj1);  //{a: 6, b: 2}
			
			var ary1=[1,2,3];
			var ary2=ary1;
			ary2[1]=6;
			console.log(ary2); //[1, 6, 3]
			//数组深拷贝
			var ary3=[];
			for (var key in ary1) {
				ary3[key]=ary1[key];
			}
			console.log(ary3);  //[1, 6, 3]
			ary3[1]=666;
			console.log(ary3);  //[1, 666, 3]
			console.log(ary1); //[1, 6, 3]
		</script>
	</body>
</html>

浅拷贝：拷贝基本数据类型时，不受任何影响，
           当拷贝引用类型时，源对象也会被修改。
           深拷贝：就是完完全全拷贝一份新的对象，
           它会在内存的堆区域重新开辟空间，
                   修改拷贝对象就不会影响到源对象