js深拷贝和浅拷贝区别

深拷贝和浅拷贝是JavaScript中常用的两种拷贝方式，它们的区别在于对于对象类型的处理方式不同。深拷贝会在内存中重新开辟一段新的存储空间，使得两个对象指向两个不同的堆内存数据，从而实现改变互不影响。而浅拷贝则只是拷贝了对象的引用，即地址拷贝，两个对象最终指向同一块内存空间。

具体来说，当使用浅拷贝时，对于基本类型的值，会进行值拷贝，即两个变量分别保存了相同的值。但对于对象类型，浅拷贝只会拷贝对象的地址，即两个变量最终指向同一个对象。因此，当修改其中一个变量的属性时，会影响到另一个变量。

而深拷贝则会复制整个对象的值，并为其分配新的内存空间，使得两个对象相互独立。这意味着，当修改其中一个变量的属性时，不会影响到另一个变量。深拷贝可以通过多种方式实现，例如递归复制对象的每一个属性，或者使用JSON.parse(JSON.stringify(obj))方法进行拷贝。

需要注意的是，在深拷贝中，当对象只有一级属性时，整个对象会被深拷贝。但当对象中有多级属性时，只有第一级属性会进行深拷贝，后续级别的属性会进行浅拷贝。此外，还可以使用slice()和concat()方法进行浅拷贝。

综上所述，深拷贝和浅拷贝的区别在于对象类型的处理方式不同。深拷贝会创建一个全新的对象并复制其值，使得两个对象互不影响；而浅拷贝只是复制对象的引用，使得两个对象最终指向同一个内存空间，修改其中一个对象会影响到另一个对象。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [深拷贝和浅拷贝的区别（javascript篇）](https://blog.csdn.net/qq_48637854/article/details/124982976)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [JavaScript中浅拷贝与深拷贝的概念及区别](https://blog.csdn.net/Yannick_H/article/details/125361201)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]