在 JavaScript 中，拷贝是一项非常常见的操作，而深拷贝和浅拷贝是两个常用的拷贝方式。理解这两种拷贝方式的区别和如何正确使用它们是非常重要的。
浅拷贝
浅拷贝是指创建一个新对象，将原对象的基本类型属性复制到新对象中，而对于引用类型属性，只复制引用，并不创建一个新的对象。
使用 Object.assign() 进行浅拷贝
在 JavaScript 中，我们可以使用 Object.assign() 方法进行浅拷贝。该方法接受一个目标对象和一个或多个源对象作为参数，并将源对象的属性复制到目标对象中。
let obj1 = { foo: 'bar' };
let obj2 = Object.assign({}, obj1);
console.log(obj2); // { foo: 'bar' }
console.log(obj1 === obj2); // false
在上面的示例中，我们将 obj1 的属性复制到一个新的对象 obj2 中。尽管 obj2 的值看起来与 obj1 相同，但它们是两个不同的对象。
使用展开运算符进行浅拷贝
另一种进行浅拷贝的常见方法是使用展开运算符（Spread operator）。它可以将一个对象的属性展开到另一个对象中。
let obj1 = { foo: 'bar' };
let obj2 = { ...obj1 };
console.log(obj2); // { foo: 'bar' }
console.log(obj1 === obj2); // false
在上面的示例中，我们使用 ... 将 obj1 的属性展开到一个新的对象 obj2 中。
深拷贝
深拷贝是指创建一个全新的对象，将原对象的所有属性和嵌套对象都完全复制到新的对象中。换句话说，深拷贝创建了一个独立于原对象的副本。
使用 JSON.stringify() 和 JSON.parse() 进行深拷贝
在 JavaScript 中，JSON.stringify() 方法可以将一个对象转换成一个 JSON 字符串，而 JSON.parse() 方法可以将一个 JSON 字符串转换成一个对象。
let obj1 = { foo: 'bar' };
let obj2 = JSON.parse(JSON.stringify(obj1));
console.log(obj2); // { foo: 'bar' }
console.log(obj1 === obj2); // false
上面的示例中，我们通过将 obj1 转换成 JSON 字符串，然后再将其解析成对象形式来实现深拷贝。
使用递归进行深拷贝
另一种常见的进行深拷贝的方法是使用递归。通过递归遍历原对象的属性，将其复制到新的对象中，并对引用类型属性再次进行递归拷贝。
function deepClone(obj) {
if (obj === null || typeof obj !== 'object') {
return obj;
}
let clone = Array.isArray(obj) ? [] : {};
for (let key in obj) {
if (obj.hasOwnProperty(key)) {
clone[key] = deepClone(obj[key]);
}
}
return clone;
}
let obj1 = { foo: 'bar', nested: { baz: 'qux' } };
let obj2 = deepClone(obj1);
console.log(obj2); // { foo: 'bar', nested: { baz: 'qux' } }
console.log(obj1 === obj2); // false
在上面的示例中，我们定义了一个 deepClone() 函数来实现深拷贝。如果属性是一个基本类型，直接复制；如果属性是一个对象，则递归调用 deepClone() 函数来进行深拷贝。
总结
深拷贝和浅拷贝是 JavaScript 中非常常见的拷贝方式。浅拷贝只复制对象的引用，而深拷贝创建一个对象的完全副本。这两种拷贝方式在不同的场景中有各自的用途，理解它们的区别和正确应用它们将会对开发有很大的帮助。
希望本篇博客能够帮助你更好地理解 JavaScript 中的深浅拷贝，并在实际开发中正确使用它们。
本文来自极简博客，作者：算法之美，转载请注明原文链接：JavaScript中的深浅拷贝详解（深浅拷贝JavaScript）
