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

4次阅读

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

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

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

浅拷贝的实现方式

浅拷贝只复制对象顶层属性,对基本类型(StringnumberBoolean 等)是值拷贝;对引用类型(Object、Arraydate 等)是引用拷贝,即新旧对象指向同一内存地址。

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

深拷贝的常见实现方法

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

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

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

比如:

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

Zapier Agents

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

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

查看详情 javascript深浅拷贝如何实现_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.bobj.b 指向同一个对象。

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

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

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

以上就是

text=ZqhQzanResources