深拷贝妙招｜手写代码实现完美深拷贝，分分钟搞定🍌

2023-12-11 07:28:20

克服深拷贝难题：手把手教你实现完美复制

前言

在 JavaScript 开发的世界中，深拷贝扮演着至关重要的角色，它可以帮助我们轻松地复制对象，避免引用类型带来的困扰。然而，手写深拷贝代码却并非易事，如果你仍在为深拷贝而烦恼，那么这篇文章绝对适合你！

理解深拷贝与浅拷贝的奥秘

让我们从了解深拷贝和浅拷贝的区别开始。浅拷贝只是复制对象的引用，而深拷贝则会复制对象及其所有属性的值。因此，对于值类型，浅拷贝和深拷贝没有区别。但是，对于引用类型，浅拷贝只会复制对象的引用，而不会复制对象本身。这可能会导致一些意想不到的问题。

深拷贝的实现：递归与循环

为了避免这些问题，我们需要使用深拷贝来复制对象。实现深拷贝的方法有很多，最常见的是递归和循环。

递归实现深拷贝

递归是一种比较简单的方法，它会不断地调用自身来复制对象及其所有属性。

function deepCopy(obj) {
  if (typeof obj !== 'object' || obj === null) {
    return obj;
  }

  if (Array.isArray(obj)) {
    return obj.map(item => deepCopy(item));
  }

  const newObj = {};
  for (const key in obj) {
    newObj[key] = deepCopy(obj[key]);
  }

  return newObj;
}

循环实现深拷贝

循环是一种更有效的方法，它会使用循环来复制对象及其所有属性。

function deepCopy(obj) {
  if (typeof obj !== 'object' || obj === null) {
    return obj;
  }

  if (Array.isArray(obj)) {
    const newObj = [];
    for (let i = 0; i < obj.length; i++) {
      newObj.push(deepCopy(obj[i]));
    }
    return newObj;
  }

  const newObj = {};
  for (const key in obj) {
    newObj[key] = deepCopy(obj[key]);
  }

  return newObj;
}

选择适合你的方法

递归和循环都可以实现深拷贝，但递归可能会导致栈溢出。因此，对于深度嵌套的对象，建议使用循环来实现深拷贝。

优化深拷贝的性能

为了提高深拷贝的性能，我们可以使用一些优化技巧：

使用WeakMap： WeakMap是一种弱引用类型的Map，它不会阻止对象被垃圾回收。我们可以使用WeakMap来存储已经复制过的对象，避免重复复制。
使用Symbol： Symbol是一种唯一的标识符，它可以用来作为对象的属性名。我们可以使用Symbol来存储已经复制过的对象的引用，避免重复复制。
结合使用WeakMap和Symbol： 我们可以结合使用WeakMap和Symbol来实现更有效的深拷贝。

const copiedObjects = new WeakMap();

function deepCopy(obj) {
  if (typeof obj !== 'object' || obj === null) {
    return obj;
  }

  if (Array.isArray(obj)) {
    const newObj = [];
    for (let i = 0; i < obj.length; i++) {
      newObj.push(deepCopy(obj[i]));
    }
    return newObj;
  }

  const symbolKey = Symbol();
  if (copiedObjects.has(obj)) {
    return copiedObjects.get(obj);
  }

  const newObj = {};
  copiedObjects.set(obj, newObj);
  for (const key in obj) {
    newObj[key] = deepCopy(obj[key]);
  }

  return newObj;
}