剖析浅拷贝与深拷贝的内存世界

2022-11-15 02:21:49

浅拷贝与深拷贝：理解内存管理的两个维度

在编程的世界中，对象是构成代码的基本构建块。理解如何有效地处理对象至关重要，而浅拷贝和深拷贝是两项关键技术，它们定义了复制对象的方式，从而影响内存管理。

浅拷贝：复制引用，而非对象本身

浅拷贝是一种轻量级的复制方法，它通过复制对象的引用，而不是对象本身来创建副本。简单来说，它只是创建一个指向原始对象的指针，而不是创建新内存空间来存储副本。这种方式的优点在于速度快且内存占用少，但它也带来了一些局限性。

const originalObject = {
  name: 'John Doe',
  age: 30,
  address: {
    street: '123 Main Street'
  }
};

const shallowCopy = {...originalObject};

shallowCopy.age = 35;
shallowCopy.address.street = '456 Elm Street';

console.log(originalObject); // 输出：{ name: 'John Doe', age: 35, address: { street: '456 Elm Street' } }

在这个例子中，shallowCopy 是 originalObject 的浅拷贝。修改 shallowCopy 的属性也会修改 originalObject 的属性，因为它们指向同一个内存地址。

深拷贝：完全独立的副本

深拷贝是一种更彻底的复制方法，它递归地遍历原始对象的所有属性，并为每个属性创建单独的副本。这种方式创建的副本具有自己的独立内存地址，对副本的任何更改都不会影响原始对象。

const 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 originalObject = {
  name: 'John Doe',
  age: 30,
  address: {
    street: '123 Main Street'
  }
};

const deepCopy = deepCopy(originalObject);

deepCopy.age = 35;
deepCopy.address.street = '456 Elm Street';

console.log(originalObject); // 输出：{ name: 'John Doe', age: 30, address: { street: '123 Main Street' } }