彻底讲清楚浅拷贝与深拷贝

2023-12-05 07:52:18

浅拷贝和深拷贝的区别

浅拷贝只复制对象的引用，而深拷贝会复制对象及其所有的属性，包括嵌套的对象。
浅拷贝只占用一个内存空间，而深拷贝会占用多个内存空间。
浅拷贝不会递归复制对象的属性，而深拷贝会递归复制对象的属性。

浅拷贝的实现

// 浅拷贝
const object1 = {
  name: 'John',
  age: 30,
  address: {
    city: 'New York',
    state: 'New York',
  },
};

const object2 = Object.assign({}, object1);

// 修改object2的属性
object2.name = 'Jane';
object2.address.city = 'Los Angeles';

// 打印object1和object2
console.log(object1); // { name: 'John', age: 30, address: { city: 'Los Angeles', state: 'New York' } }
console.log(object2); // { name: 'Jane', age: 30, address: { city: 'Los Angeles', state: 'New York' } }

深拷贝的实现

// 深拷贝
const object1 = {
  name: 'John',
  age: 30,
  address: {
    city: 'New York',
    state: 'New York',
  },
};

const object2 = JSON.parse(JSON.stringify(object1));

// 修改object2的属性
object2.name = 'Jane';
object2.address.city = 'Los Angeles';

// 打印object1和object2
console.log(object1); // { name: 'John', age: 30, address: { city: 'New York', state: 'New York' } }
console.log(object2); // { name: 'Jane', age: 30, address: { city: 'Los Angeles', state: 'New York' } }