剖析深浅拷贝：理解差异，巧用拷贝方式

前端

2023-10-31 11:07:03

正文

个人粗浅理解

在计算机科学中，拷贝是指将数据从一个内存位置复制到另一个内存位置。深拷贝和浅拷贝是两种不同的拷贝方式，它们在复制对象时有着本质的区别。

深拷贝是指将对象的全部信息复制到另一个对象，包括该对象的属性及其所有子对象的信息。这样，新的对象与原始对象完全独立，对其中一个对象所做的任何更改都不会影响另一个对象。

浅拷贝是指将对象的引用复制到另一个对象，而不是复制对象的实际信息。这样，两个对象共享相同的属性和子对象，对其中一个对象所做的任何更改都会影响另一个对象。

基础的了解

为了更清楚地理解深拷贝和浅拷贝之间的区别，我们可以通过一个简单的示例来说明：

// 深拷贝
const obj1 = {
  name: 'John Doe',
  age: 30,
  address: {
    street: '123 Main Street',
    city: 'Anytown',
    state: 'CA'
  }
};

const obj2 = JSON.parse(JSON.stringify(obj1));

// 浅拷贝
const obj3 = obj1;

// 修改obj2中的属性
obj2.name = 'Jane Doe';
obj2.address.city = 'Newtown';

// 修改obj3中的属性
obj3.age = 35;
obj3.address.state = 'NY';

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

console.log(obj2);
// 输出：{ name: 'Jane Doe', age: 30, address: { street: '123 Main Street', city: 'Newtown', state: 'CA' } }

console.log(obj3);
// 输出：{ name: 'John Doe', age: 35, address: { street: '123 Main Street', city: 'Anytown', state: 'NY' } }

在上面的示例中，obj1和obj2是深拷贝的关系，obj1和obj3是浅拷贝的关系。当修改obj2的属性时，obj1不会受到影响，但修改obj3的属性时，obj1也会受到影响。

更深的理解

深拷贝和浅拷贝在实际开发中都有着广泛的应用，但它们也有各自的优缺点。

深拷贝的优点是，它可以完全隔离两个对象，对其中一个对象所做的任何更改都不会影响另一个对象。这在需要保持对象独立性时非常有用。但是，深拷贝的缺点是，它可能会消耗更多的内存，并且复制过程也可能更慢。

浅拷贝的优点是，它可以节省内存，并且复制过程也更快。但是，浅拷贝的缺点是，它无法隔离两个对象，对其中一个对象所做的任何更改都会影响另一个对象。这在需要共享对象信息时非常有用。

举个例子（Object.assign()）

在JavaScript中，我们可以使用Object.assign()方法来进行浅拷贝。Object.assign()方法可以将一个或多个源对象中的可枚举属性复制到目标对象。

const obj1 = {
  name: 'John Doe',
  age: 30
};

const obj2 = {};

Object.assign(obj2, obj1);

// 修改obj2中的属性
obj2.name = 'Jane Doe';

// 输出：{ name: 'Jane Doe', age: 30 }
console.log(obj2);

// 输出：{ name: 'John Doe', age: 30 }
console.log(obj1);