javascript深浅拷贝如何实现_Object.assign是深拷贝吗？-js教程-PHP中文网

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

狼影

发布： 2025-12-16 22:40:35

原创

570人浏览过

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

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

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

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

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

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、数组、普通对象、循环引用等

比如：

Zapier Agents

Zapier推出的Agents智能体，集成7000+应用程序

103

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 指向同一个对象。

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

以上就是javascript深浅拷贝如何实现_Object.assign是深拷贝吗？的详细内容，更多请关注php中文网其它相关文章！

大家都在看：