如何实现JavaScript深拷贝_有哪些方法可以避免引用问题

JavaScript深拷贝的核心是创建完全独立的新对象以避免引用问题；常用方法包括JSON.parse(JSON.stringify())（简洁但有类型限制）、structuredClone()（现代原生推荐）、递归手写（完全可控）和Lodash的_.cloneDeep()（生产环境稳妥）。

JavaScript 中实现深拷贝的核心目标是创建一个与原对象完全独立的新对象，确保修改副本不会影响原始数据。引用问题（比如修改嵌套对象时意外改变原对象）通常源于浅拷贝或直接赋值，而深拷贝能彻底切断引用链。

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

这是最常用、写法最简洁的深拷贝方式，适合纯数据对象（只含字符串、数字、布尔值、null、数组、普通对象）：

• ✅ 优点：一行代码搞定，性能尚可，兼容性好
• ❌ 缺点：会丢失函数、undefined、Symbol、Date、RegExp、Map、Set、BigInt 等类型；循环引用直接报错；不能处理原型链和不可枚举属性
• ⚠️ 示例：const copy = JSON.parse(JSON.stringify(original));

structuredClone() —— 现代浏览器推荐方案

ES2022 引入的原生 API，支持更多数据类型，且能正确处理 Date、RegExp、Map、Set、ArrayBuffer、TypedArray 等：

• ✅ 优点：原生、安全、语义清晰、支持大部分结构化数据
• ❌ 缺点：目前不支持函数、undefined、Symbol、循环引用（仍会抛错），且在 Node.js 17+ 和较新浏览器中才可用
• ⚠️ 示例：const copy = structuredClone(original);

递归手写深拷贝 —— 完全可控，适合复杂场景

当需要支持函数、自定义类型、循环引用或特殊逻辑时，需手动实现。关键点包括类型判断、递归遍历、缓存已拷贝对象（解决循环引用）：

标签： javascript java js node.js json node 浏览器 工具 red