JavaScript 对象复制：浅拷贝与深拷贝285

在 JavaScript 中，对象是一个引用类型，这意味着变量保存的是对象的引用，而不是对象本身。当我们复制一个对象时，我们实际上复制的是它的引用，而不是创建新对象。这可能导致意外的问题，尤其是在我们对复制的对象进行修改时。

浅拷贝

浅拷贝是 JavaScript 中最基本的复制方法。它创建一个新对象，但只复制原始对象的属性和值。如果原始对象包含引用类型的属性（如数组或其他对象），浅拷贝只会复制这些属性的引用，而不是复制它们本身。这可能导致问题，因为对浅拷贝对象的修改也会修改原始对象。```javascript
const originalObject = {
name: 'Jane',
address: {
street: 'Main St',
number: 123
}
};
const shallowCopy = ({}, originalObject);
= 'John';
= 'Elm St';
(originalObject); // { name: 'John', address: { street: 'Elm St', number: 123 } }
```

深拷贝

深拷贝创建原始对象的一个完全独立的副本，包括所有属性和值。如果原始对象包含引用类型的属性，深拷贝也会递归地复制这些属性，创建它们的新副本。这确保对深拷贝对象进行的修改不会影响原始对象。

在 JavaScript 中，没有内置的深拷贝函数。可以使用第三方库或使用递归函数手动实现深拷贝。以下是使用递归函数实现深拷贝的示例：```javascript
function deepCopy(object) {
// 如果对象不是引用类型，直接返回
if (typeof object !== 'object' || object === null) {
return object;
}
// 创建一个新对象
const copy = (object) ? [] : {};
// 遍历原始对象的所有属性
for (const key in object) {
// 递归地复制每个属性，如果是引用类型
copy[key] = deepCopy(object[key]);
}
// 返回新对象的副本
return copy;
}
```

现在，我们可以使用深拷贝函数创建原始对象的独立副本，对副本进行修改不会影响原始对象：```javascript
const originalObject = {
name: 'Jane',
address: {
street: 'Main St',
number: 123
}
};
const deepCopy = deepCopy(originalObject);
= 'John';
= 'Elm St';
(originalObject); // { name: 'Jane', address: { street: 'Main St', number: 123 } }
```

何时使用浅拷贝和深拷贝

浅拷贝适用于大多数情况，因为它们快速且简单。但是，在以下情况下应使用深拷贝：* 当需要创建一个原始对象的完全独立副本时
* 当原始对象包含引用类型的属性时
* 当需要防止对副本的修改影响原始对象时
希望这篇文章对 JavaScript 中的对象复制有了更深入的了解。请记住，在决定使用浅拷贝还是深拷贝时，应考虑特定应用程序的需求。

2025-02-01

上一篇：JavaScript中引用传递与值传递

下一篇：运行 JavaScript 脚本