17370845950

浅拷贝只复制第一层属性引用，修改嵌套对象会影响原对象；深拷贝递归复制所有层级，确保完全独立。常见浅拷贝方法有Object.assign()、展开运算符等，但无法处理嵌套、Symbol、不可枚举属性及特殊类型；深拷贝可用JSON方法（限制多）、structuredClone（现代推荐）、手写递归（需防循环引用）或Lodash的_.cloneDeep（生产常用）。实际应用中需注意性能开销、循环引用崩溃、不可序列化值丢失、原型链断裂及getter/setter失效等陷阱。

JavaScript 中的浅拷贝只复制对象第一层属性的引用，深拷贝则递归复制所有层级，确保新旧对象完全独立。关键区别在于：修改拷贝后的对象是否会影响原对象——浅拷贝会，深拷贝不会。

浅拷贝的常见方式与隐患

常用方法包括 Object.assign()、展开运算符 {...obj}、Array.prototype.slice() 和 Array.from()。它们都只处理第一层：

• 嵌套对象或数组仍共享内存地址，修改子属性会同步影响原对象
• 无法拷贝不可枚举属性、Symbol 属性、原型链上的属性
• 遇到 null、undefined、函数、正则、Date 等特殊值时行为不一致（如 Object.assign() 会跳过 undefined，但展开运算符会报错）

深拷贝的可靠实现方式

没有一种方案完美适配所有场景，需按需求选择：

• JSON 方法（简单但限制多）： JSON.parse(JSON.stringify(obj)) —— 快速有效，但会丢失函数、undefined、Symbol、Date、RegExp、NaN、Infinity，且无法处理循环引用
• 结构化克隆（现代浏览器推荐）： structuredClone(obj) —— 原生支持大多数类型（含 Map、Set、Date、RegExp、ArrayBuffer），能处理循环引用，但目前部分老环境不支持
• 手写递归函数（可控性强）： 判断类型（Array/Object/基本类型），对对象和数组递归处理，手动跳过函数、处理 Date/RegExp 等；需额外逻辑避免循环引用（用 WeakMap 记录已拷贝对象）
• 第三方库（生产环境常用）： Lodash 的 _.cloneDeep() 经过大量边界测试，兼容性好，支持各种边缘类型和循环引用

那些容易被忽略的陷阱

深拷贝不是“一劳永逸”的操作，实际中常踩这些坑：

• 性能开销大： 深度嵌套或超大对象会显著拖慢执行速度，频繁调用可能引发卡顿
• 循环引用直接崩溃： 手写递归若没检测引用环，会无限递归导致栈溢出
• 不可序列化值丢失： 函数、DOM 节点、Promise、WeakMap 等无法被深拷贝，有的静默丢弃，有的抛错
• 原型链断裂： 大多数深拷贝方法生成 plain object，丢失原对象的 constructor 和原型方法
• getter/setter 不触发： 拷贝过程只是读取当前值，不会执行 getter，也无法保留 setter 逻辑

不复杂但容易忽略。选方案前先问自己：要拷什么类型？运行环境支持哪些 API？是否允许丢属性？性能敏感吗？