深浅拷贝是对象复制的两种基本方式，他们的核心在于是否递归的复制对象内部的引用类型数据
定义：浅拷贝：只复制对象的第一层属性，如果属性是基本类型，直接复制值；如果是引用类型（如对象、数组），则复制的是引用地址，而非创建新的对象
结果：原对象和拷贝对象共享嵌套对象，修改嵌套对象会影响彼此
Object.assign()
class="language-js">Object.assign(target,
...sources)
定义：递归的复制对象的所有层级，包括所有嵌套的引用类型，生成一个完全独立的新对象
id="jsonparsejsonstringify">JSON.parse(JSON.stringify())
缺陷：
序列化再反序列化的方式，局限性就在于序列化的类型支持上。
null，没有undefined、Function、Date、Set、Map
id="structuredclone">structuredClone
优点：
支持多种复杂类型（Date,RegExp,Map,Set）
缺点：
structClone(original);deepCopy.b.c=20;//修改副本
//2
structuredClone()
class="language-js">structuredClone(value,
options)
变量。
也支持循环引用。
structuredClone(original);console.assert(clone
!==
2、setters、getters、read-only等类似元数据的功能不会被复制。
id="transfer转移性能优化">transfer转移：性能优化
类似于C++的移动语义。
在解析大文件（如
网络请求，主线程中接受数据，但是处理需要放到worker线程中的，此时就可以运用transfer技巧优化拷贝导致的性能问题。
id="自定义deepclone">自定义deepClone
思路分析
1.处理边界：如果是null或非object类型，直接返回
2.处理循环引用：用WeakMap存储已经拷贝过的对象，避免死循环
3.创建新容器：判断是数组还是对象，创建对应的空容器[]或{}
4.递归拷贝：遍历原始对象的属性，递归调用deepClone赋值给新容器
2、怎么处理循环引用类型，一个引用指向这个结构中的某个部分。
最重要的点是为什么要使用WeakMap来处理。
class="language-js">/**obj不一定是对象，也可能是基础数据类型。
function
(Object.prototype.hasOwnProperty.call(obj,
key))
避免意外的副作用导致的bug，防止污染原始数据。state。
如果引用相同，即使内容变了，也不会触发更新。
React.memo、useMemo、useCallback
避免副作用 | 2、性能：保证一些监听属性正确地工作。
useMemo、useCallback会添加依赖项。
3、维护：避免副作用，和单向数据流机制结合使数据流的传递和更改更加稳定，也利于调试。
隔离数据，创建创建完全独立的数据快照（视图），不影响原来的数据，防止误操作。备选（数据简单）：JSON.parse(JSON.stringify())
需要拷贝函数/复杂场景：loadsh.cloneDeep
第三方库
