在JavaScript中，对象是一种复合数据类型，它可以包含多个属性值。在处理对象时，我们经常需要进行拷贝操作，以创建新的对象或者对已有对象进行修改。JavaScript中的拷贝操作分为深拷贝和浅拷贝两种类型，这两种类型之间的区别和使用场景非常重要。
1. 浅拷贝
浅拷贝是指创建一个新对象，新对象的属性值是原对象的引用。简单说，浅拷贝只复制了对象的一层属性，而没有复制属性所引用的对象。换句话说，当我们修改原对象中被浅拷贝的属性时，新对象的属性值也会被修改。
让我们看下面的代码示例，来理解浅拷贝的概念：
let originalObject = {
name: "John",
age: 25,
hobbies: ["reading", "gaming"]
};
let copiedObject = Object.assign({}, originalObject);
originalObject.name = "Mike";
originalObject.hobbies.push("coding");
console.log(copiedObject.name); // Output: John
console.log(copiedObject.hobbies); // Output: ["reading", "gaming", "coding"]
在这个例子中，我们使用Object.assign()方法进行浅拷贝。当我们修改originalObject的name属性时，copiedObject不受影响，因为name属性只是被复制到了新对象中。然而，当我们修改originalObject的hobbies属性时，copiedObject也受到影响，因为hobbies属性引用的是原数组对象。
2. 深拷贝
深拷贝是指创建一个新对象，新对象的属性值是原对象属性值的副本，而不是引用。也就是说，深拷贝会递归地复制对象的所有属性及其所引用的对象。
让我们来看一个使用深拷贝的示例：
let originalObject = {
name: "John",
age: 25,
hobbies: ["reading", "gaming"]
};
let copiedObject = JSON.parse(JSON.stringify(originalObject));
originalObject.name = "Mike";
originalObject.hobbies.push("coding");
console.log(copiedObject.name); // Output: John
console.log(copiedObject.hobbies); // Output: ["reading", "gaming"]
在这个例子中，我们使用JSON.stringify()和JSON.parse()将原对象转换为JSON格式，然后再转换回对象，从而实现了深拷贝。当我们修改originalObject的name和hobbies属性时，copiedObject不受影响，因为它们引用的是不同的对象。
3. 总结
在JavaScript中，深拷贝和浅拷贝是两种不同的对象复制方式，它们的区别在于是否复制属性所引用的对象。浅拷贝只复制一层属性，而深拷贝会递归复制对象的所有属性及其所引用的对象。
选择何种拷贝方式取决于具体的使用场景。如果我们只需要复制对象的一层属性，并且不希望修改新对象影响原对象，那么浅拷贝是一个不错的选择。但是，如果我们需要完全复制对象及其嵌套的引用类型属性，以实现对新对象的独立操作，那么深拷贝是更好的选择。
再次强调，对于深拷贝，我们可以使用JSON.stringify()和JSON.parse()方法，但是它们有一些限制，例如无法复制函数、正则表达式等特殊对象。在复杂的场景中，我们可能会选择使用第三方库（如lodash、cloneDeep等）来实现深拷贝。
希望本篇博客能帮助你深入理解JavaScript对象的深拷贝与浅拷贝，并在使用拷贝操作时做出明智的选择。
本文来自极简博客，作者：紫色幽梦，转载请注明原文链接：深入理解JavaScript对象的深拷贝与浅拷贝
