数据类型

在讨论深拷贝与浅拷贝之前。先明确两大类数据：

• 基本数据类型存放在栈内存，直接复制值。
• 引用数据类型存放在堆内存，变量保存的是对堆中对象的引用。

再看浅拷贝，一层复制。后果是共享内部引用

痛点提示： 你可能会遇到这样的问题：使用浅拷贝后修改子对象却影响了原始对象。原因就在于引用类型内部结构仍指向同一块内存。

原生实现示例

function shallowClone {
const shallowObj = {};for {
if ) {
shallowObj = obj;怎么说呢，}
}
return shallowObj;}

常用原生方法

1. Object.assign
2. Array.prototype.slice
3. Array.prototype.concat

Object.assign 示例

const obj = {
再看name。'zhangsan',age: 30,hobby:,address: { province: '省',city: '市',area: '区' },say { console.log;}
}，const newObj = Object.assign;话说回来，// newObj 与 obj 的顶层属性是独立的。但 hobby 和 address 是共享的引用

Array.prototype.slice 示例

const arr =;//
const newArr = arr.slice;// newArr 与 arr 的元素是同一层级的副本
newArr = 'changed';// 不影响原数组
// 若 arr 内部有嵌套数组，则仍共享
arr =;// newArr 一样指向

Array.prototype.concat 示例

const arr =;const newArr = arr.concat;// 与 slice 类似，只是 concat 可以合并多个数组
newArr = 'changed';
console.log，// 原数组不变
console.log;// 新数组已被修改

ES6 运算符示例

// 数组
const arr =;const newArr =;newArr = 'changed';// 对象
const obj = { a: { val: 1 },b: null };const newObj = { ...obj };newObj.a.val = 'modified';// 原始 obj 的 a.val 被改变，因为内部对象是共享的

深拷贝的观点是，彻底独立的新内存空间。避免共享导致的意外修改

痛点提示： 当你需要传递复杂对象给子组件或异步函数时如果仅使用浅拷贝，很容易出现“看似改了但没改”的bug。深拷贝可以确保每一次赋值都得到一个全新的实例。

• 对基本类型无区别：深浅拷贝结果相同。
• 至于对引用类型。新建一块内存，并递归复制其所有属性。
• 递归过程中需防止循环引用，否则会抛出错误或无限循环。其实，
.
• 需兼容特殊对象：Date、RegExp、Map、Set 等。
.
• 性能消耗比浅拷贝高，可根据实际需求权衡使用。
.
• 至于推荐方法，lodash.cloneDeep 或手写递归实现结合 WeakMap 缓存循环引用。
.
• 若只处理 JSON 可用 JSON.stringify/parse，但函数/undefined/循环会丢失或报错。

  注：以上列表中的每一项都是使用者在实际项目中可能遇到的问题或需求。

  ---

  常用深拷贝方法概览

  • - lodash 的 cloneDeep。老实说，
  • - JSON.stringify + JSON.parse。- 手写递归深拷贝，