深拷贝及闭包详解：面试官不再追问如何实现

2023-12-01 02:43:58

深拷贝与浅拷贝

在JavaScript中，拷贝对象有两种方式：浅拷贝和深拷贝。浅拷贝只拷贝对象本身的属性，而深拷贝则会拷贝对象的所有属性，包括嵌套的对象。

浅拷贝

浅拷贝只复制对象本身的属性值，当属性值为基本类型（数字、字符串、布尔值等）时，浅拷贝和深拷贝没有区别。但是，当属性值为对象或数组时，浅拷贝只复制对象的引用，并不复制对象本身。

例如，以下代码演示了浅拷贝：

const obj1 = {
  name: 'John Doe',
  age: 30,
  address: {
    street: '123 Main Street',
    city: 'Anytown',
    state: 'CA',
    zip: '12345'
  }
};

const obj2 = {...obj1};

obj2.address.street = '456 Elm Street';

console.log(obj1.address.street); // 456 Elm Street

在上面的例子中，我们使用扩展运算符（...）创建了一个obj2对象，它是obj1对象的浅拷贝。这意味着obj2和obj1共享对address对象的引用。因此，当我们修改obj2.address.street的值时，obj1.address.street的值也随之改变。

深拷贝

深拷贝不仅复制对象本身的属性值，还复制所有嵌套的对象。这确保了即使嵌套的对象被修改，也不会影响原始对象。

我们可以使用递归算法来实现深拷贝。递归算法是一种以函数调用自身的方式来解决问题的算法。在深拷贝的场景中，我们可以使用递归算法来遍历对象的所有属性，并为每个属性创建一个新的副本。

例如，以下代码演示了深拷贝：

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

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

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

  return newObj;
}

const obj1 = {
  name: 'John Doe',
  age: 30,
  address: {
    street: '123 Main Street',
    city: 'Anytown',
    state: 'CA',
    zip: '12345'
  }
};

const obj2 = deepCopy(obj1);

obj2.address.street = '456 Elm Street';

console.log(obj1.address.street); // 123 Main Street