JavaScript深度拷贝核心是递归复制所有嵌套层级值以避免引用共享；常用方案包括JSON.parse+JSON.stringify（简洁但局限多）、structuredClone（现代标准，支持丰富类型但不兼容旧环境）、手写递归（兼容性强可定制）、Lodash cloneDeep（生产推荐，覆盖全面）。
JavaScript 深度拷贝对象，核心是**递归复制所有嵌套层级的值**，避免引用共享。原生没有直接支持深拷贝的 API（Object.assign 和展开运算符都只是浅拷贝），所以需要手动实现或借助可靠方案。
JSON.parse + JSON.stringify（最简但有局限）
适用于纯数据对象：只含字符串、数字、布尔、null、数组、普通对象，且不含函数、undefined、Symbol、Date、RegExp、Map、Set、循环引用等。
- ✅ 优点：一行代码，无依赖，性能快
- ❌ 缺点：会丢失函数、undefined、Symbol；Date 变成字符串；NaN 变成 null；无法处理循环引用；正则变成空对象
示例：const deepCopy = obj => JSON.parse(JSON.stringify(obj));
结构化克隆（structuredClone，现代推荐）
Chrome 98+、Firefox 94+、Node.js 17.0+ 支持，是目前最接近“标准深拷贝”的原生方案。
- ✅ 优点：支持 Map、Set、Date、RegExp、ArrayBuffer、TypedArray、Error、Blob 等；能处理循环引用；语义准确
- ❌ 缺点：不支持函数、undefined、Symbol（同 JSON）；旧浏览器和低版本 Node 不可用
示例：const copy = structuredClone(originalObj);
手写递归深拷贝（兼容性最强）
适合需要完全可控、兼容老环境（如 IE）、或需定制行为（如忽略某些字段、处理特殊类型）的场景。
立即学习“Java免费学习笔记（深入）”；
- 需判断类型（用
Object.prototype.toString.call或typeof+Array.isArray） - 用 WeakMap 记录已拷贝对象，解决循环引用
- 对 Date、RegExp、Map、Set 等内置类型做单独处理
- 普通对象/数组递归遍历属性并深拷贝
简化版示意（不含循环引用处理）：
function deepClone(obj) {
if (obj === null || typeof obj !== 'object') return obj;
if (obj instanceof Date) return new Date(obj);
if (obj instanceof RegExp) return new RegExp(obj);
const clone = Array.isArray(obj) ? [] : {};
for (let key in obj) {
if (obj.hasOwnProperty(key)) {
clone[key] = deepClone(obj[key]);
}
}
return clone;
}
Lodash 的 cloneDeep（生产环境常用）
经大量测试、覆盖边缘情况（如循环引用、特殊对象、不可枚举属性），API 稳定，适合工程化项目。
- 安装：
npm install lodash，然后import { cloneDeep } from 'lodash'; - 使用：
const copy = cloneDeep(originalObj); - 注意：Lodash 体积较大，如只需深拷贝可考虑轻量替代（如
klona、fast-deep-equal的配套工具）
基本上就这些。选哪种取决于你的运行环境、数据复杂度和是否允许第三方依赖。
