前端面试-手写深拷贝

2023-09-24 00:12:16

理解深拷贝的核心概念

在前端面试中，对深拷贝概念的理解往往是一个考察重点。深拷贝是指将一个对象的所有属性和值复制到另一个新的对象中，无论这些属性和值是什么类型，而浅拷贝仅复制基本数据类型的属性值，若属性值是对象或数组，则浅拷贝只复制地址，不复制实际值。这正是深拷贝和浅拷贝最大的区别。

通常我们使用Object.assign()方法来完成对象的复制，但它只能实现浅拷贝，如果希望实现深拷贝，则需要编写自己的深拷贝函数。

剖析实现深拷贝算法的核心步骤

实现深拷贝算法的核心步骤为：

判断数据类型。 检查要复制的值的类型，如果是原始类型（例如字符串、数字、布尔值），则直接复制。如果是引用类型（例如对象、数组、函数），则进行下一步。
创建新对象。 对于对象，使用 Object.create() 方法创建一个新对象。对于数组，使用 Array() 方法创建一个新数组。
复制属性。 遍历要复制的对象或数组的属性，并将其复制到新创建的对象或数组中。如果是对象，则递归调用深拷贝函数来复制属性值。如果是数组，则直接复制元素。

下面是一个手写深拷贝函数的示例代码：

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[i] = deepCopy(obj[i]);
    }
    return newObj;
  }

  const newObj = Object.create(Object.getPrototypeOf(obj));
  for (const key in obj) {
    newObj[key] = deepCopy(obj[key]);
  }
  return newObj;
}

这个函数可以用来复制任何类型的对象，包括嵌套对象和数组。它使用递归的方式来复制对象的所有属性，并确保复制的属性是值而不是引用。

面试中关于深拷贝的注意事项

在面试中，关于深拷贝还有一些需要注意的事项：

注意面试官的提示。 在面试中，面试官可能会给出一些提示，例如“请手写一个深拷贝函数”或“请解释深拷贝和浅拷贝的区别”。一定要注意这些提示，并根据面试官的要求来回答问题。
阐述深拷贝的优势和应用场景。 在面试中，面试官可能会问你深拷贝有什么优势，以及在哪些场景下需要使用深拷贝。你可以回答说，深拷贝可以防止对象被意外修改，并且在需要复制复杂对象时非常有用。常见的应用场景包括：
- 将数据从一个组件传递到另一个组件
- 在本地存储中存储对象
- 将对象发送到服务器
注意面试官的问题。 在面试中，面试官可能会问你一些关于深拷贝的问题，例如“深拷贝和浅拷贝的区别是什么？”或“如何手写一个深拷贝函数？”。一定要认真回答这些问题，并尽量提供详细的解释。