JavaScript深浅拷贝实现方法解析

JavaScript中的深浅拷贝核心区别在于是否递归处理引用类型：浅拷贝（如Object.assign、展开运算符）仅复制第一层属性，对嵌套对象仍共享内存地址，修改深层数据会相互影响；而深拷贝（如structuredClone、JSON序列化或手写递归函数）则彻底隔离所有层级，确保完全独立——但各方案能力迥异：structuredClone是现代首选，支持Date、Map、Set及循环引用；JSON方法简洁却丢弃函数、undefined等；手写方案灵活可控但需谨慎处理边界。理解这一本质，就能根据兼容性、数据复杂度和性能需求精准选型。

Object.assign 是浅拷贝，不是深拷贝。 它只复制对象第一层属性的值，遇到嵌套对象或数组时，复制的是引用地址，原对象和新对象仍共享同一份深层数据。

浅拷贝的实现方式

浅拷贝只复制对象顶层属性，对基本类型（string、number、boolean 等）是值拷贝；对引用类型（Object、Array、Date 等）是引用拷贝，即新旧对象指向同一内存地址。

• Object.assign({}, obj)：最常用，但仅限一层
• 展开运算符 {...obj}：语法简洁，效果同 Object.assign
• Array.prototype.slice() / concat()：适用于数组浅拷贝
• Array.from(arr)：也可用于数组浅拷贝

深拷贝的常见实现方法

深拷贝会递归复制所有层级，确保新对象与原对象完全独立，修改互不影响。

• JSON.parse(JSON.stringify(obj))：简单快捷，但有严重限制——无法处理函数、undefined、Symbol、Date、RegExp、Map、Set、循环引用等
• 结构化克隆（structuredClone）：现代浏览器支持（Chrome 98+、Firefox 94+），能正确处理 Date、RegExp、Map、Set、Blob 等，且支持循环引用，推荐优先使用：const deepCopy = structuredClone(obj);
• 手写递归深拷贝函数：可定制逻辑，兼容老环境，需判断类型、处理 null、数组、普通对象、循环引用等

为什么 Object.assign 不是深拷贝？看个例子

比如：

const obj = { a: 1, b: { c: 2 } };
const copy = Object.assign({}, obj);
copy.b.c = 3;
console.log(obj.b.c); // 输出 3 —— 原对象被意外修改了

因为 b 是对象，Object.assign 只复制了它的引用，copy.b 和 obj.b 指向同一个对象。

怎么选？简单场景 vs 安全可靠

• 只要拷贝一层，用 {...obj} 或 Object.assign 就够了，轻量高效
• 需要完整隔离嵌套结构，优先用 structuredClone
• 要兼容老浏览器且要求不高，可用 JSON 方案（注意数据类型限制）
• 对兼容性、性能、类型支持都有严格要求，建议封装一个带循环引用检测的手写深拷贝函数

基本上就这些。深浅拷贝本质是“是否递归处理引用类型”，抓住这点，选哪种方式就很清楚了。

以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持golang学习网！更多关于文章的相关知识，也可关注golang学习网公众号。