JavaScript深拷贝与浅拷贝区别详解

你是否曾因修改对象副本而意外改动了原始数据？JavaScript中的深拷贝与浅拷贝正是解决这一痛点的核心概念：浅拷贝仅复制顶层属性，嵌套对象仍共享内存地址，导致“改了副本却动了原主”；而深拷贝则递归重建整个数据结构，实现彻底隔离。本文深入剖析二者本质区别，对比展开运算符、Object.assign、JSON序列化、现代structuredClone及手写递归等主流方案的适用场景与致命短板（如函数丢失、循环引用报错），并给出清晰选型指南——无论你是追求简洁的日常开发，还是应对复杂数据的高要求项目，都能找到最稳妥、高效的拷贝策略。

深拷贝会创建一个全新对象，所有嵌套层级的数据都独立复制；浅拷贝只复制第一层属性，嵌套对象仍共享引用。关键区别在于修改副本时，是否会影响原对象。

浅拷贝：只复制表层，引用仍相连

浅拷贝后，新对象与原对象的顶层属性值互不影响，但若某属性是对象或数组，它们指向同一内存地址。常见方法有：
• 展开运算符（...）：const newObj = { ...oldObj };
• Object.assign()：const newObj = Object.assign({}, oldObj);
• Array.prototype.slice() / concat()：用于数组，如 arr2 = arr1.slice();

深拷贝：彻底隔离，完全独立

深拷贝递归遍历所有层级，为每个嵌套对象/数组新建内存空间。常用方式包括：
• JSON.parse(JSON.stringify())：简单快捷，但不支持函数、undefined、Symbol、Date、RegExp、Map、Set 和循环引用；
• structuredClone()（现代浏览器支持）：原生方法，支持多数类型，包括 Map、Set、Date、RegExp，且能处理部分循环引用；
• 手写递归函数：可定制逻辑，兼容各种边界情况（如 null、Date、正则、循环引用）；
• 第三方库（如 lodash 的 _.cloneDeep）：健壮成熟，适合复杂场景。

怎么选？看需求和环境

如果数据结构简单、不含特殊类型，JSON 方法够用；项目需兼容老浏览器，可用 lodash；追求原生且环境较新，优先用 structuredClone；需要精细控制（比如忽略某些字段、自定义转换），就手写深拷贝函数。注意：无论哪种方式，遇到循环引用都可能报错或需额外处理。

好了，本文到此结束，带大家了解了《JavaScript深拷贝与浅拷贝区别详解》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多文章知识！