剖析 JavaScript 中的深拷贝与浅拷贝：洞悉复制的奥秘
2023-11-21 00:14:42
深浅拷贝：揭秘 JavaScript 中复制的本质
在 JavaScript 的世界中，复制并不仅仅是简单的赋值。它分为深拷贝和浅拷贝，这两种方式有着本质的区别。掌握这些区别对于编写健壮且可靠的代码至关重要。
浅拷贝：表面的复制，隐藏的关联
浅拷贝只复制对象的引用。这意味着复制后的副本和原始对象共享相同的内存地址。对副本的任何修改都会影响原始对象，反之亦然。
举个例子，假设我们有一个对象：
const person = {
name: "John Doe",
age: 30,
address: {
street: "Main Street",
city: "New York",
state: "New York"
}
};
现在，我们进行浅拷贝：
const personCopy = Object.assign({}, person);
然后，我们修改副本的地址属性：
personCopy.address.street = "Park Avenue";
惊讶地发现，原始对象的地址属性也变成了 "Park Avenue"！这是因为浅拷贝只复制了对象的引用，对象本身及其属性仍然是同一个。
深拷贝：独立的复制，斩断关联
深拷贝则是创建对象的完全独立副本。复制后的副本和原始对象拥有不同的内存地址，这意味着对副本的任何修改都不会影响原始对象。
实现深拷贝的方式有很多，一种常见的方法是递归复制：
function deepCopy(obj) {
if (Array.isArray(obj)) {
return obj.map(item => deepCopy(item));
} else if (typeof obj === "object") {
const copy = {};
for (const key in obj) {
copy[key] = deepCopy(obj[key]);
}
return copy;
} else {
return obj;
}
}
使用这个函数对 person 对象进行深拷贝：
const personDeepCopy = deepCopy(person);
现在，我们修改副本的地址属性：
personDeepCopy.address.street = "Park Avenue";
神奇地，原始对象的地址属性仍然是 "Main Street"！因为深拷贝创建了对象的完全独立副本。
深浅拷贝的应用场景
深拷贝和浅拷贝各有其应用场景：
- 浅拷贝： 适用于对对象或数组进行简单的复制，共享对象或数组时可以使用。
- 深拷贝： 适用于需要创建完全独立副本的情况，比如对对象进行修改但又不希望影响原始对象时。
掌握精髓，灵活运用
深拷贝和浅拷贝是 JavaScript 中的重要概念。理解和掌握它们，你将在 JavaScript 的世界中如鱼得水。
常见问题解答
1. 浅拷贝和深拷贝有什么区别？
浅拷贝只复制对象的引用，而深拷贝复制对象的完整结构。
2. 为什么浅拷贝会影响原始对象？
因为浅拷贝共享相同的内存地址，对副本的修改会影响原始对象。
3. 什么时候应该使用深拷贝？
当需要创建对象的完全独立副本时，比如在不影响原始对象的情况下修改对象时。
4. 如何实现深拷贝？
一种常见的方法是使用递归复制函数。
5. 如何确定一个对象是否是深拷贝或浅拷贝？
可以通过比较它们的内存地址来判断，不同的地址表示深拷贝，相同的地址表示浅拷贝。
