浅拷贝和深拷贝：揭秘JavaScript对象拷贝的奥秘

2023-10-08 14:58:51

前言

在JavaScript中，对象是程序的基础组成部分，它可以包含各种各样的数据，包括基本数据类型(如字符串、数字、布尔值等)和引用数据类型(如对象、数组、函数等)。对象拷贝是一种在内存中复制对象数据的操作，它可以在不同的变量之间传递数据，也可以用于创建对象的副本。

浅拷贝与深拷贝的本质区别

在JavaScript中，对象拷贝可以分为两种类型：浅拷贝和深拷贝。浅拷贝只复制对象本身的数据，而深拷贝则会递归地复制对象的所有属性，包括嵌套的对象和数组。

举个简单的例子，假设我们有一个对象：

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

如果我们使用浅拷贝来复制这个对象，那么新创建的对象只包含person对象本身的数据，即name和age属性。而address属性只是一个引用，它指向存储在堆内存中的address对象。

const personCopy = Object.assign({}, person);

此时，personCopy和person对象指向的是同一个address对象。这意味着，如果我们修改personCopy对象的address属性，那么person对象的address属性也会随之改变。

personCopy.address.street = '456 Elm Street';

console.log(person.address.street); // 输出：456 Elm Street

而如果我们使用深拷贝来复制person对象，那么新创建的对象将包含person对象的所有属性，包括嵌套的address对象。这样，我们就创建了一个person对象的完全副本，即使我们修改personCopy对象的address属性，也不会影响person对象的address属性。

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

personCopy.address.street = '456 Elm Street';

console.log(person.address.street); // 输出：123 Main Street