ES6 中的浅拷贝与深拷贝：深入浅出的理解

2023-12-31 20:37:38

了解 ES6 中浅拷贝和深拷贝之间的差异对于编写健壮且高效的代码至关重要。这两者都在对象复制中发挥着至关重要的作用，但在其工作方式和应用程序方面却截然不同。

浅拷贝 vs. 深拷贝

浅拷贝创建目标对象的源对象的引用，而深拷贝则创建目标对象的源对象的全新副本。这意味着在浅拷贝中，对目标对象所做的任何更改也会反映在源对象上，而在深拷贝中，对目标对象所做的更改与源对象无关。

如何实现浅拷贝？

在 ES6 中，可以使用扩展运算符 (...) 进行浅拷贝。此运算符将源对象的属性逐个复制到目标对象中。例如：

const source = { name: "John", age: 30 };
const shallowCopy = { ...source };
shallowCopy.name = "Jane";

console.log(source.name); // Jane

此代码中，shallowCopy 是源对象 source 的浅拷贝。更改 shallowCopy.name 的值也会更改 source.name 的值，因为这两个对象引用同一个内存位置。

如何实现深拷贝？

深拷贝需要使用更复杂的方法，例如递归或库函数。最常见的方法之一是使用 JSON.parse(JSON.stringify(source))。此方法将源对象转换为 JSON 字符串，然后将其解析回一个新的对象。例如：

const source = { name: "John", age: 30, friends: ["Alice", "Bob"] };
const deepCopy = JSON.parse(JSON.stringify(source));
deepCopy.name = "Jane";
deepCopy.friends.push("Charlie");

console.log(source.name); // John
console.log(deepCopy.name); // Jane
console.log(deepCopy.friends); // ["Alice", "Bob", "Charlie"]

此代码中，deepCopy 是源对象 source 的深拷贝。更改 deepCopy.name 和 deepCopy.friends 的值不会影响 source 对象，因为 deepCopy 是一个独立的对象。

何时使用浅拷贝和深拷贝？

选择使用浅拷贝还是深拷贝取决于特定的用例。浅拷贝通常用于复制不可变数据，例如字符串和数字。深拷贝用于复制可变数据，例如对象和数组，因为更改副本不会影响原始对象。

面试题指南

浅拷贝和深拷贝经常出现在技术面试中。应聘者需要能够解释这两种方法之间的差异，并提供代码示例来说明它们是如何工作的。以下是一些常见的面试题：