js中的深拷贝与浅拷贝

要想弄明白js中深拷贝与浅拷贝的问题，首先要弄清楚js的数据类型和这些数据类型在内存中的存储方式。

js的数据类型总共分为两类：基本数据类型和引用数据类型。基本数据类型也叫简单数据类型，有String、Number、Boolean、BigInt、Symbol、Null、Undefined共7种；引用数据类型也叫复杂数据类型，只有Object。基本数据类型和引用数据类型在内存中存储的位置并不一样，内存中存在两块区域，分别为栈内存和堆内存，基本数据类型的数据存于栈内存中，而引用数据类型的数据存于堆内存中。

对于基本数据类型，比如let a=1，这里声明了变量a并且给它赋了值，这时栈内存中就会开辟一块区域存放1这个数值型的数据，这块区域有自己的地址。当再声明一个变量并赋值的时候，比如let b=1，这时栈内存中就会再开辟一块区域存放1这个数值型的数据，这块区域也有自己的地址。对变量a的改变不会对变量b有任何影响。

对于引用数据类型，比如let obj={}，这时堆内存中就会开辟一块区域存放{}这个对象，然后这块区域有自己的地址，这个地址会另存于栈内存中，栈内存中就有了指向该对象的指针。

当复制基本数据类型的数据时，比如：

let a = 1;
let b = a;
b = 2;
console.log(a);

当把a的值赋给b时，这时栈内存中就会另开辟一块区域存放变量a的值，也就是说将内存中存储的数据也复制了一份，变量a与变量b互不影响，最终输出结果为1。

当复制引用数据类型的数据时，比如：

let obj1 = {};
let obj2 = obj1;
obj2.name = "jim";
console.log(obj1);

当把obj1的值赋给obj2时，在存储了obj1的值的堆内存中并不会新开辟区域来存放值，只是在栈内存中会新开辟区域来存放对象{}在堆内存中的地址，这时在栈内存中则存储了两个相同的地址，这两个地址显然都指向堆内存中的同一区域。在上面例子里，obj1与obj2都是引用的堆内存中的同一区域，所以改变obj2的值，obj1的值也随之改变，输出结果为{name:'jim'}。从上面可以看出，表面上将obj1的值复制给了obj2，实际上只是将地址复制了，而堆内存中的对象本身并没有复制，这种复制则称为浅拷贝，如果在复制地址的同时也将堆内存中的对象本身复制，则称为深拷贝。浅拷贝深拷贝的概念只对于引用数据类型适用，不适用于基本数据类型。