如何彻底区分并理解JavaScript中的深拷贝与浅拷贝？

本文共计1191个文字，预计阅读时间需要5分钟。

深拷贝与浅拷贝主要针对以下数据类型：

- 引用数据类型（如：JavaScript数据类型（Number、String、Boolean、Null、Undefined、Symbol）、Array、Object），- 基本数据类型的特点：直接存储在栈中。

深拷贝浅拷贝只是针对引用数据类型

JavaScript数据类型包括基本数据类型（Number，String，boolean，Null，Undefined，Symbol）、引用数据类型（Array，Object）

• 基本数据类型的特点：直接存储在栈(stack)中的数据

• 引用数据类在栈中存有指针，实体数据存在堆中，通过栈中的指针找到堆中的引用数据类型的实体

浅拷贝只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存。但深拷贝会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象。

赋值和浅拷贝的区别

当我们把一个对象赋值给一个新的变量时，赋的其实是该对象的在栈中的地址，而不是堆中的数据。也就是两个对象指向的是同一个存储空间，无论哪个对象发生改变，其实都是改变的存储空间的内容，因此，两个对象是联动的。

浅拷贝是按位拷贝对象，它会创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型，拷贝的就是基本类型的值；如果属性是内存地址（引用类型），拷贝的就是内存地址 ，因此如果其中一个对象改变了这个地址，就会影响到另一个对象。