在 JavaScript 中，拷贝（Copy）是一项常见的任务，但却不是那么容易。JavaScript 中有两种主要的拷贝方式：深拷贝和浅拷贝。深拷贝会复制整个对象的结构，包括嵌套对象和数组，而浅拷贝只复制对象的引用。本文将深入探讨深拷贝和浅拷贝的背后原理，以及如何实现它们，并介绍一些高级技巧，帮助你更好地理解和运用拷贝操作。
浅拷贝（Shallow Copy）
浅拷贝是一种复制对象的操作，它只会复制对象的引用，而不会复制对象内部的嵌套对象或数组。JavaScript 提供了多种方式来执行浅拷贝，其中最简单的方式是使用扩展运算符（Spread Operator）或 Object.assign() 方法。
使用扩展运算符
const originalObject = { a: 1, b: 2 };
const shallowCopy = { ...originalObject };
originalObject.a = 10;
console.log(shallowCopy.a); // 输出 1
使用 Object.assign()
const originalObject = { a: 1, b: 2 };
const shallowCopy = Object.assign({}, originalObject);
originalObject.a = 10;
console.log(shallowCopy.a); // 输出 1
浅拷贝的主要特点是新对象仅复制原对象的引用，因此原对象和浅拷贝后的对象之间是共享的。
深拷贝（Deep Copy）
深拷贝是一种复制对象的操作，它会复制整个对象的结构，包括对象内部的嵌套对象和数组。在 JavaScript 中，实现深拷贝要比浅拷贝复杂得多，因为你需要递归遍历对象的所有属性，并复制它们。
使用 JSON 序列化和反序列化
一种常见的深拷贝方法是使用 JSON 序列化和反序列化。这种方法将对象转换为 JSON 字符串，然后再将其解析回对象，从而创建一个完全独立的副本。
const originalObject = { a: 1, b: { c: 2 } };
const deepCopy = JSON.parse(JSON.stringify(originalObject));
originalObject.b.c = 10;
console.log(deepCopy.b.c); // 输出 2
尽管这种方法简单易用，但它有一些限制。首先，它无法处理特殊对象，如正则表达式、Date 对象和函数。其次，它无法处理循环引用的情况，即对象属性之间存在相互引用的情况。
递归方式实现深拷贝
更灵活的深拷贝方法是使用递归，手动遍历对象的所有属性，并创建它们的副本。这可以处理各种类型的对象，包括特殊对象和循环引用。
function deepCopy(obj, seen = new WeakMap()) {
if (obj === null || typeof obj !== 'object') {
return obj;
}
if (seen.has(obj)) {
return seen.get(obj);
}
if (obj instanceof Date) {
return new Date(obj);
}
if (obj instanceof RegExp) {
return new RegExp(obj.source, obj.flags);
}
if (obj instanceof Function) {
return obj;
}
const copy = Array.isArray(obj) ? [] : {};
seen.set(obj, copy);
for (let key in obj) {
if (obj.hasOwnProperty(key)) {
copy[key] = deepCopy(obj[key], seen);
}
}
return copy;
}
深拷贝的主要特点是创建了一个原对象的完全独立副本，包括嵌套对象和数组。
高级技巧
循环引用处理
在深拷贝中，处理循环引用是一个关键问题。循环引用发生在对象属性之间相互引用的情况，例如：
const obj = { a: 1 };
obj.b = obj;
为了处理循环引用，你可以使用 WeakMap 来跟踪已经复制的对象，以确保不会重复复制。
自定义深拷贝
根据项目的需要，你可以编写自定义的深拷贝函数，以处理特定类型的对象和属性。这可以根据项目的要求进行定制，以处理各种复杂情况。
结语
深拷贝和浅拷贝是 JavaScript 中常见的操作，但在处理复杂对象和数据结构时，需要谨慎考虑它们的使用。深拷贝会创建完全独立的副本，但可能会导致性能问题。浅拷贝更高效，但会共享对象引用。了解它们的原理和限制，并根据项目需求选择合适的方法，可以帮助你更好地处理拷贝操作。希望本文中的信息能够帮助你更深入地理解和运用 JavaScript 中的深拷贝和浅拷贝。
