javascript深浅拷贝如何实现_Object.assign是深拷贝吗？

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 不是深拷贝？看个例子

比如：

标签： javascript java js json 浏览器 为什么 red