深入探究浅拷贝和深拷贝：理解二者的区别和应用场景

2023-09-28 23:03:36

浅尝浅拷贝，掠其表相

浅拷贝是一种常见的对象拷贝方式，它只拷贝对象的第一层属性，而不会拷贝对象内部的复杂数据类型（如数组、对象等）。当您使用浅拷贝时，新对象将具有与原始对象相同的属性值，但它们所引用的对象仍然是同一个。因此，如果原始对象中的复杂数据类型发生变化，新对象也会受到影响。

// 浅拷贝示例
const originalObject = {
  name: 'John Doe',
  age: 30,
  address: {
    street: 'Main Street',
    city: 'New York',
    state: 'NY',
  },
};

const shallowCopy = Object.assign({}, originalObject);

// 修改原始对象中的复杂数据类型
originalObject.address.street = 'Park Avenue';

// 浅拷贝对象也受到影响
console.log(shallowCopy.address.street); // Park Avenue

深入深拷贝，探其本质

深拷贝是一种更彻底的对象拷贝方式，它不仅拷贝对象的第一层属性，还会递归地拷贝对象内部的所有复杂数据类型。当您使用深拷贝时，新对象将具有与原始对象相同的属性值，但它们所引用的对象是完全独立的。因此，原始对象中的复杂数据类型发生变化，新对象不会受到影响。

// 深拷贝示例
const originalObject = {
  name: 'John Doe',
  age: 30,
  address: {
    street: 'Main Street',
    city: 'New York',
    state: 'NY',
  },
};

const deepCopy = JSON.parse(JSON.stringify(originalObject));

// 修改原始对象中的复杂数据类型
originalObject.address.street = 'Park Avenue';

// 深拷贝对象不受影响
console.log(deepCopy.address.street); // Main Street

应用场景各不同，悉心而用

浅拷贝和深拷贝在不同的场景下都有其独特的应用。浅拷贝适用于对象中的属性都是简单数据类型，或者您希望新对象与原始对象保持同步的情况。深拷贝适用于对象中的属性包含复杂数据类型，或者您希望新对象与原始对象完全独立的情况。

以下是浅拷贝和深拷贝的具体应用场景：

浅拷贝：
- 复制简单数据类型对象，如字符串、数字、布尔值等。
- 复制对象的第一层属性，但不需要复制对象内部的复杂数据类型。
- 在对象之间传递数据，而不影响原始对象。
深拷贝：
- 复制包含复杂数据类型（如数组、对象等）的对象。
- 复制对象的所有属性和子属性，并创建完全独立的新对象。
- 在对象之间传递数据，并确保新对象与原始对象完全独立。