浅拷贝与深拷贝：理解 JavaScript 中对象的拷贝行为

2023-12-25 23:43:58

浅拷贝：一层复制

在浅拷贝中，源对象的属性被复制到目标对象，但仅限于一层。这意味着目标对象只复制源对象的直接属性，而不会递归复制嵌套对象或数组。在内存中，浅拷贝只是创建了源对象的副本，而不会创建嵌套对象的副本。

深拷贝：递归复制

深拷贝是一种更彻底的复制方式，它会递归复制源对象的所有属性，包括嵌套对象和数组。这意味着目标对象将包含源对象及其所有嵌套对象的完整副本。在内存中，深拷贝创建了源对象和所有嵌套对象的单独副本，从而确保完全隔离。

浅拷贝与深拷贝的区别

以下表格总结了浅拷贝与深拷贝之间的关键区别：

特征	浅拷贝	深拷贝
复制深度	一层	所有层级
内存使用	较少	更多
性能	更快	更慢
应用场景	当只需要复制一层属性时	当需要复制对象的所有属性时

何种情况下使用浅拷贝与深拷贝

在 JavaScript 开发中，浅拷贝和深拷贝都有其特定的应用场景。以下是一些常见的示例：

浅拷贝：当您需要复制一个简单对象时，浅拷贝是理想的选择。例如，如果您有一个包含名称和年龄的 user 对象，并且您只想复制这些基本属性，那么您可以使用浅拷贝。
深拷贝：当您需要复制一个复杂对象时，深拷贝是必须的。例如，如果您有一个包含用户列表的 users 对象，并且您希望复制该列表及其所有用户，那么您必须使用深拷贝。

浅拷贝与深拷贝的代码示例

以下代码示例演示了浅拷贝和深拷贝在 JavaScript 中的应用：

// 浅拷贝
const user = { name: 'John', age: 30 };
const userCopy = Object.assign({}, user);

// 深拷贝
const user = { name: 'John', age: 30, friends: [{ name: 'Alice', age: 25 }] };
const userCopy = JSON.parse(JSON.stringify(user));