Object.assign是浅拷贝,仅复制对象第一层属性,对嵌套对象复制引用地址,导致原对象与新对象共享深层数据;深拷贝则递归复制所有层级,确保完全独立。

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 不是深拷贝?看个例子
比如:
立即学习“Java免费学习笔记(深入)”;
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 方案(注意数据类型限制) 对兼容性、性能、类型支持都有严格要求,建议封装一个带循环引用检测的手写深拷贝函数
基本上就这些。深浅拷贝本质是“是否递归处理引用类型”,抓住这点,选哪种方式就很清楚了。
以上就是javascript深浅拷贝如何实现_Object.assign是深拷贝吗?的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1543069.html
微信扫一扫
支付宝扫一扫