JavaScript中无原生深度克隆方法，常用方案有：JSON.parse(JSON.stringify())（简单但局限多）、structuredClone()（现代环境首选，支持循环引用及多种内置类型）、递归手写（完全可控）、lodash.cloneDeep()（生产环境稳定可靠）。
JavaScript 中没有直接的“深度克隆”原生方法，但有多种方式实现对象的完全独立副本。关键在于区分浅拷贝和深拷贝——浅拷贝只复制第一层属性引用，而深拷贝会递归复制所有嵌套层级，确保新对象与原对象彻底隔离。
JSON.parse(JSON.stringify()) —— 简单但有局限
这是最常用的“伪深拷贝”写法，适合纯数据对象（仅含字符串、数字、布尔值、null、数组、普通对象）：
✅ 快速、一行搞定：const clone = JSON.parse(JSON.stringify(obj)) ❌ 不支持函数、undefined、Symbol、Date、RegExp、Map、Set、BigInt，会丢失或报错 ❌ 循环引用会直接抛出 TypeError ❌ Date 对象变成字符串，正则变成空对象
structuredClone() —— 新标准、推荐首选（现代环境）
浏览器（Chrome 98+、Firefox 94+、Edge 98+）和 Node.js 17.0+（需启用 --experimental-structured-clone，Node.js 18.12+ 默认支持）已原生支持：
✅ 支持 Map、Set、Date、RegExp、ArrayBuffer、TypedArray、Error、DOM 节点（部分环境） ✅ 自动处理循环引用 ❌ 仍不支持函数、undefined、Symbol（这些会被忽略或抛错，取决于环境） ✅ 用法极简：const clone = structuredClone(obj)
递归手写深拷贝 —— 完全可控，适合学习或特殊需求
适合需要自定义行为（如跳过某些字段、转换类型、处理特殊构造器）的场景：
立即学习“Java免费学习笔记（深入）”；
判断类型：用 Object.prototype.toString.call() 区分 Array、Date、RegExp、Map、Set 等 对普通对象/数组递归遍历每个键值，分别深拷贝 缓存已处理的对象（WeakMap），解决循环引用问题 注意：Date、RegExp 等需用 new 构造新实例；Map/Set 需重建并递归拷贝键值
第三方库（如 lodash）—— 稳定可靠，生产环境常用
lodash.cloneDeep() 是最成熟的方案之一：
✅ 支持几乎所有内置类型（包括函数作用域外的闭包变量？不，但函数本身会被拷贝为引用——等等，不对：lodash 默认不拷贝函数体，而是保留原引用；如需真正“复制函数”，JS 本身不支持，只能序列化再 eval，不推荐） ✅ 健壮处理循环引用、稀疏数组、不可枚举属性等边界情况 ✅ 可传入定制化迭代器（customizer）控制特定字段行为 ⚠️ 注意体积：如果项目已用 lodash，很合适；若只为深拷贝引入整包，可考虑按需引入 cloneDeep
基本上就这些。选哪种取决于你的运行环境、数据结构复杂度和是否允许外部依赖。开发新项目优先试 structuredClone；兼容老浏览器或需精细控制，用 lodash；临时调试小对象，JSON 方法够用但记得验数据类型。
以上就是如何深度克隆对象_javascript中复制对象的方法有哪些？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1542701.html
微信扫一扫 
支付宝扫一扫 
