让我们深入理解js中的浅拷贝和深拷贝，助你成为编程高手

2024-01-21 22:39:56

在JavaScript中，深拷贝和浅拷贝的概念对于理解对象赋值和对象引用至关重要。这两个概念之间的差异直接影响着程序的行为，而了解它们之间的区别对于编写高效、可靠的代码是必不可少的。

1. 浅拷贝：

浅拷贝是指将一个对象的所有属性和值复制到另一个对象中，但并不复制对象所引用的其他对象。在浅拷贝中，两个对象共享对相同底层对象的引用。因此，对其中一个对象的更改将反映在另一个对象中。

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

const personCopy = { ...person };

// 对personCopy的address属性进行修改
personCopy.address.city = 'San Francisco';

// 这将同时修改person和personCopy的address属性
console.log(person.address.city); // 输出：San Francisco

2. 深拷贝：

深拷贝是指将一个对象的所有属性和值复制到另一个对象中，同时也复制对象所引用的其他对象。在深拷贝中，两个对象拥有各自独立的内存空间，因此对其中一个对象的更改不会影响另一个对象。

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

const personCopy = JSON.parse(JSON.stringify(person));

// 对personCopy的address属性进行修改
personCopy.address.city = 'San Francisco';

// 这不会修改person的address属性
console.log(person.address.city); // 输出：New York