深拷贝理解

最新推荐文章于 2024-03-05 00:45:00 发布

bing_JavaScript

最新推荐文章于 2024-03-05 00:45:00 发布

阅读量514

点赞数 1

本文链接：https://blog.csdn.net/bing_JavaScript/article/details/51496529

版权

本文详细解释了浅拷贝与深拷贝的区别，包括它们如何应用于数组和对象的复制过程。通过实例展示了浅拷贝导致的问题，并介绍了几种实现深拷贝的方法，如使用slice()和concat()函数来避免资源析构错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

浅拷贝：只是单独的拷贝指针，只想同一个地址，在浏览器调用函数进行析构时，两个指针指向同一个地址，同一份资源析构两次，会造成程序崩溃
深拷贝：不只是拷贝指针还拷贝指针指向的内容，分别指向不同的指针地址
数组的拷贝：
浅拷贝：arr和arr两个指针指向同一个堆内存地址,所以任何一个改变都会影响到其他指针
var arr = ["zhangsna","lisi1","chenwu"]；
var arr0 = arr;
arr0[1] = "maliu";

为了实现深拷贝我们利用 slice():复制原数组，形成一个新的数组，原有数组不改变 concat()：连接多个数组，原有数组不改变
var arr = ["zhangsna","lisi1","chenwu"]；
var arr0 = arr.slice(0);
arr0[1] = "zhuqi";

concat();
var arr = ["zhangsna","lisi1","chenwu"]；
var arr0 = arr.concat();
arr0[1] = "wangba";

对象的拷贝：
var a = {name:'zhuzhu',age:18};
var b = new Object();

b.name = a.name;
b.age = a.age;
a.name = 'xx';
console.log(b);
console.log(a);

遍历属性，赋值一个新的对象
var deepCopy = function(source){
var result = {};
for(var key in source){
result[key] = typeof source[key] ==='object'?deepCopy(source[key]):source[key];
}
return result;
}