浅析 JS 浅拷贝与深拷贝：守护数据安全与独立

2023-11-24 23:58:14

理解浅拷贝和深拷贝的本质

在JavaScript中，对象是一种复杂的数据类型，它可以包含各种属性和方法。当我们使用赋值运算符（=）来复制一个对象时，我们会创建该对象的浅拷贝。浅拷贝只复制对象本身的属性和方法，而不会复制其嵌套的对象。这意味着，如果嵌套对象发生改变，浅拷贝的对象也会受到影响。

深拷贝则不同，它会复制对象本身及其所有嵌套对象。因此，即使嵌套对象发生改变，深拷贝的对象也不会受到影响。

浅拷贝与深拷贝的具体实现

JavaScript中，我们可以使用Object.assign()方法来实现浅拷贝。Object.assign()方法接受两个参数，第一个参数是要复制的对象，第二个参数是接收复制结果的对象。如下所示：

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

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

在这个例子中，shallowCopy是一个浅拷贝的对象，它包含了originalObject的所有属性和方法，但address属性指向的是同一个对象。因此，如果address属性发生改变，shallowCopy也会受到影响。

为了实现深拷贝，我们可以使用JSON.parse()和JSON.stringify()方法。JSON.stringify()方法将对象转换为JSON字符串，然后JSON.parse()方法将JSON字符串解析为对象。如下所示：

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

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