如何实现javascript深拷贝_有哪些常见方法？

JavaScript深拷贝需创建完全独立的新对象，常用方法包括：JSON.parse(JSON.stringify())（简单但有类型限制）、structuredClone()（现代标准，支持多类型及循环引用）、手写递归（灵活可控，解决循环引用）、Lodash的cloneDeep()（全面稳定，体积较大）。

JavaScript 深拷贝的本质是创建一个与原对象完全独立的新对象，所有嵌套层级的属性值都重新分配内存，修改副本不会影响原对象。直接赋值或浅拷贝（如 Object.assign、展开运算符）只复制第一层引用，无法满足深层结构隔离的需求。

JSON.parse(JSON.stringify()) —— 简单但有局限

这是最常用的一行写法，适合纯数据对象（仅含字符串、数字、布尔值、null、数组、普通对象）：

const deepCopy = obj => JSON.parse(JSON.stringify(obj));

登录后复制

⚠️ 注意限制：

• 会丢失函数、undefined、Symbol 类型的属性
• Date、RegExp、Map、Set、BigInt 等内置对象会被转成空对象或字符串（如 new Date() 变成 ISO 字符串，再解析成字符串而非 Date 实例）
• 无法处理循环引用，直接报错 TypeError: Converting circular structure to JSON

structuredClone() —— 新标准、推荐优先用

现代浏览器（Chrome 98+、Firefox 94+、Edge 98+）和 Node.js 17.0+ 支持的原生深拷贝 API：

立即学习“Java免费学习笔记（深入）”；

const copy = structuredClone(original);

登录后复制

✅ 优势明显：

• 支持 Map、Set、Date、RegExp、ArrayBuffer、TypedArray、Error、Blob、FormData 等多种类型
• 自动处理循环引用
• 不丢失原型链以外的可枚举属性（注意：仍不复制函数和 undefined）

❌ 不支持函数、undefined、window 对象等非可序列化值，遇到会抛错。

标签： javascript java js 前端 node.js json node 浏览器 edge win red