深拷贝与浅拷贝的区别是什么？如何实现深拷贝？-java教程-PHP中文网

深拷贝与浅拷贝的区别是什么？如何实现深拷贝？

夜晨

发布： 2025-09-03 13:12:02

原创

900人浏览过

深拷贝会递归复制对象所有嵌套属性，确保新旧对象完全独立，而浅拷贝仅复制引用，导致修改相互影响；常用深拷贝方法包括JSON.parse(JSON.stringify(obj))、递归函数处理循环引用和特殊对象，或使用Lodash的_.cloneDeep()及现代API structuredClone()。

深拷贝与浅拷贝的区别是什么？如何实现深拷贝？

浅拷贝仅仅是复制了对象或数组的引用，这意味着新旧变量指向的是内存中的同一块数据，当其中一个修改了内部的复杂类型（比如另一个对象或数组）时，另一个也会随之改变。而深拷贝则不然，它会递归地复制所有嵌套的属性，确保新旧对象在内存中拥有完全独立的存储空间，彼此互不影响。实现深拷贝，通常需要根据对象的结构，逐层、逐属性地进行复制，尤其要关注那些引用类型的数据。

解决方案

理解深拷贝与浅拷贝的核心在于它们对“引用”的处理方式。浅拷贝在遇到对象内部的引用类型属性时，只会复制这个引用本身，而不是引用所指向的实际数据。这就好比你复制了一个文件的快捷方式，而不是文件本身。你通过快捷方式修改了文件内容，原文件自然也变了。深拷贝则不同，它会深入到每一个引用类型属性的内部，将其指向的数据也完整地复制一份，直到所有数据都是原始类型（如数字、字符串、布尔值）为止。这就像你把整个文件都复制了一遍，新旧文件完全独立。

要实现深拷贝，在JavaScript中，最简单粗暴但也最常用的方法是利用

JSON.parse(JSON.stringify(obj))

登录后复制

。这种方法利用了JSON序列化和反序列化的过程，将对象转换为字符串再解析回来，从而切断了所有引用。但需要注意的是，这种方法有其局限性，比如无法处理函数、

undefined

登录后复制

、

Date

登录后复制

对象（会被转换为字符串）、

RegExp

登录后复制

对象，以及最关键的——循环引用。对于更复杂的情况，我们通常需要编写递归函数，或者借助成熟的第三方库。

浅拷贝的陷阱与潜在风险：为什么理解其行为至关重要？

说实话，我个人在开发中就遇到过好几次因为没搞清楚浅拷贝而引发的“血案”。最典型的场景就是当你从一个配置对象中取出一个子对象，然后直接修改它，结果发现原始的配置对象也跟着变了，这在调试时简直是灾难。

想象一下，你有一个用户设置对象，里面包含一个

theme

登录后复制

子对象，存储着颜色偏好等。如果你只是简单地通过

Object.assign()

登录后复制

或者展开运算符

{...userSettings}

登录后复制

来复制

userSettings

登录后复制

，那么

theme

登录后复制

这个属性其实只是复制了引用。当你尝试修改

copiedSettings.theme.primaryColor = 'blue'

登录后复制

时，原

userSettings.theme.primaryColor

登录后复制

也变成了

blue

登录后复制

。这种隐式修改往往发生在不经意间，尤其是在组件之间传递props，或者在状态管理中处理不可变数据时，如果使用了浅拷贝，就很容易导致数据污染，或者触发不必要的重新渲染。

这种行为模式，尤其在处理数组嵌套对象时，更让人头疼。比如一个包含多个商品对象的购物车数组，如果你浅拷贝了这个数组，然后修改了其中一个商品的某个属性，那么原始购物车数组里的那个商品也会被修改。这不仅影响了数据的纯洁性，也让程序的行为变得难以预测和维护。理解浅拷贝的本质，是避免这些潜在风险的第一步。

实现深拷贝的策略与考量：从简单到复杂

实现深拷贝，方法多种多样，选择哪种取决于你的具体需求和要处理的数据复杂性。

最简单直接的，正如前面提到的，是

JSON.parse(JSON.stringify(obj))

登录后复制

。它的优点是代码简洁，易于理解，对于只包含数字、字符串、布尔值、null以及普通对象和数组的纯数据对象，它工作得很好。但缺点也同样明显，它会丢失函数、

undefined

登录后复制

、

Symbol

登录后复制

、

BigInt

登录后复制

等类型，并且会将

Date

登录后复制

对象转换为ISO格式的字符串，

RegExp

登录后复制

对象会变成空对象。更重要的是，它无法处理循环引用，一旦对象内部存在相互引用的情况，它会直接抛出错误。我个人在处理一些简单的API响应数据时，会图方便用它，但只要数据结构稍微复杂一点，就得另寻他法了。

阿贝智能

阿贝智能是基于AI技术辅助创作儿童绘本、睡前故事和有声书的平台，助你创意实现、梦想成真。

查看详情

当

JSON

登录后复制

方法不够用时，我们通常会考虑手写一个递归函数。这需要我们遍历对象的每一个属性，判断其类型。如果是原始类型，直接赋值；如果是对象或数组，则递归调用自身。这里有一个基本的JavaScript实现思路：

function deepClone(obj, hash = new WeakMap()) {
  if (obj === null || typeof obj !== 'object') {
    return obj;
  }

  // 处理循环引用
  if (hash.has(obj)) {
    return hash.get(obj);
  }

  let cloneObj;
  // 处理日期对象
  if (obj instanceof Date) {
    cloneObj = new Date(obj);
  } 
  // 处理正则表达式
  else if (obj instanceof RegExp) {
    cloneObj = new RegExp(obj);
  }
  // 处理Map、Set等其他特殊对象
  // else if (obj instanceof Map) { ... }
  // else if (obj instanceof Set) { ... }
  // ...
  else {
    cloneObj = Array.isArray(obj) ? [] : {};
  }

  hash.set(obj, cloneObj); // 存储已克隆的对象，防止循环引用

  for (let key in obj) {
    // 确保只复制对象自身的属性，不包括原型链上的
    if (Object.prototype.hasOwnProperty.call(obj, key)) {
      cloneObj[key] = deepClone(obj[key], hash);
    }
  }
  return cloneObj;
}

登录后复制

这个递归函数需要考虑很多细节，比如如何处理