浅拷贝只复制第一层属性引用，修改嵌套对象会影响原对象；深拷贝递归复制所有层级，确保完全独立。常见浅拷贝方法有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，但展开运算符会报错）
深拷贝的可靠实现方式
没有一种方案完美适配所有场景，需按需求选择：
Comprehensive Three.js 3D graphics reference
下载
详细的 Three.js 3D 图形参考，涵盖场景设置、相机、几何体、材质、光照、动画、控制器、加载器、数学工具和调试。
-
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()经过大量边界测试，兼容性好，支持各种边缘类型和循环引用
那些容易被忽略的陷阱
深拷贝不是“一劳永逸”的操作，实际中常踩这些坑：
立即学习“Java免费学习笔记（深入）”；
- 性能开销大： 深度嵌套或超大对象会显著拖慢执行速度，频繁调用可能引发卡顿
- 循环引用直接崩溃： 手写递归若没检测引用环，会无限递归导致栈溢出
- 不可序列化值丢失： 函数、DOM 节点、Promise、WeakMap 等无法被深拷贝，有的静默丢弃，有的抛错
- 原型链断裂： 大多数深拷贝方法生成 plain object，丢失原对象的 constructor 和原型方法
- getter/setter 不触发： 拷贝过程只是读取当前值，不会执行 getter，也无法保留 setter 逻辑
不复杂但容易忽略。选方案前先问自己：要拷什么类型？运行环境支持哪些 API？是否允许丢属性？性能敏感吗？
