因深拷贝遇到的问题

什么是深拷贝呢？在JS中，数据类型分为基本数据类型和引用数据类型两种，对于基本数据类型来说，它的值直接存储在栈内存中，而对于引用类型来说，它在栈内存中仅仅存储了一个引用，而真正的数据存储在堆内存中。

遇到的问题：

1. 基本数据类型

const a = 2;
const c = a;
c = 3
console.log(a)//2
console.log(c)//3

2. 引用数据类型

const a = { name: 'zhangsan', age: 20}
const c = {}
c = a
c.name = 'wangwu'
console.log(c.name)//wangwu
console.log(a.name)//wangwu

通过上边的例子可以看出，当a、c为对象类型时，c的值变化的时候，a的值也会跟着变化。因为对象是引用类型的值，对于引用类型来说，我们将 a 赋予 c 的时候，我们其实仅仅只是将 a 存储在栈堆中的的引用赋予了 c ，而两个对象此时指向的是在堆内存中的同一个数据，所以当我们修改任意一个值的时候，修改的都是堆内存中的数据，而不是引用，所以只要修改了，同样引用的对象的值也自然而然的发生了改变

解决办法

const a = { name: 'zhangsan', age: 20 }
const c = {}
c = {
    ...a,
    name: 'wangwu'
}
console.log(a.name)//zhangsan
console.log(c.name)//wangwu

上边的解决办法中用到了（...）扩展运算符。是在ES6中新增加的内容，它可以在函数调用/数组构造时，将数组表达式或者string在语法层面展开；还可以在构造字面量对象时将对象表达式按照key-value的方式展开

字面量一般指[1,2,3]或者{name:'zhangsan'}这种简洁的构造方式,多层嵌套的数组和对象三个点就无能为力了 

如果有复杂的引用数据类型，例如

const a = [29, { name: 'zhangsan', height: 170}, [20, 30]]

 可以参考一下：深拷贝(四种方法)_lys-0203的博客-CSDN博客_深拷贝