深拷贝、浅拷贝区别

在 JavaScript 中，对象的赋值与拷贝是一个常见的操作。我们需要了解深拷贝和浅拷贝之间的区别，以避免可能会导致错误或意外情况的问题。

1. 浅拷贝
   浅拷贝是指只复制对象本身及其一级属性的值，而不包括嵌套属性（即一级属性的属性）。
   当使用 = 赋值、Object.assign() 方法或扩展运算符 … 进行对象拷贝时，默认情况下执行的是浅拷贝

例如：

const person = { name: 'John', age: 30 };
const shallowCopy = Object.assign({}, person);
console.log(shallowCopy); // 输出 { name: 'John', age: 30 }

可以看到，虽然 shallowCopy 是一个新的对象，但它仍然引用了 person 的值，因此修改 person 对象中的属性将同时更改 shallowCopy 中的值：

person.name = 'Alex';
console.log(person); // 输出 { name: 'Alex', age: 30 }
console.log(shallowCopy); // 输出 { name: 'Alex', age: 30 }

2.深拷贝
深拷贝是指复制所有属性及其子属性的值，从而创建一个完全独立的对象。由于 JavaScript 中的对象可以嵌套包含其他对象，因此执行深拷贝可能会引入循环引用和性能问题。

可以使用递归等方法来实现 JavaScript 对象的深拷贝，或者使用第三方库（如 lodash、jQuery 等）来执行深拷贝操作。

const person = { name: 'John', address: { city: 'New York', state: 'NY' } };
const deepCopy = JSON.parse(JSON.stringify(person));
console.log(deepCopy); // 输出 { name: 'John', address: { city: 'New York', state: 'NY' } }

JSON.stringify() 方法将对象转换为 JSON 字符串，然后 JSON.parse() 方法将其解析回对象。由于这些操作均是基于值复制执行的，因此将生成一个全新的对象，而不是仅对原始对象和其一级属性进行表面上的复制。

需要注意的是，使用内置的 JSON.stringify 和 JSON.parse 方法可能无法正确地处理某些 JavaScript 数据类型，例如函数、RegExp 对象和 Date 对象等，因此在实际使用时需要谨慎处理。