在 JavaScript 中复制对象而不引用

什么是对象？

JavaScript 使用对象来存储以某种方式相关的数据或功能。对象是属性的集合，其中可以包含方法以及简单的数据值。本质上，对象是同时具有状态和行为的实体。例如，汽车、钢笔、自行车、椅子、玻璃、键盘、显示器等等都可以被认为是 JavaScript 中的对象。

事实上，由于 JavaScript 是一种面向对象的语言，因此 JavaScript 中的一切都被视为一个对象。

如何在 JavaScript 中复制对象？

在 JavaScript 中，对于原始数据类型，复制对象是一项简单的任务。但是，我们使用深拷贝和浅拷贝等各种技术来进行无引用复制对象。

深拷贝对象

JavaScript 提供了一个名为“深拷贝”的功能，允许我们创建遇到的任何对象的副本。通过深拷贝，被复制的对象将不会与原始对象共享任何内容，使其成为一个完整的副本。这意味着对复制对象的任何更改都不会影响原始对象。

浅拷贝对象

在 JavaScript 中，对象的复制是按照位级别进行的。这意味着只会复制对象的第一个级别。

如何在 JavaScript 中无引用复制对象？

在 JavaScript 中，当我们想要无引用复制对象时，我们会使用“object.assign()”和“JSON.Parse()”等方法。当使用 JavaScript 中的赋值运算符复制对象时，对象及其值存储在右侧的变量中。

使用 object.assign() 方法复制对象

在 JavaScript 中，object.assign() 方法用于无引用复制对象。通过此方法，我们可以将值和属性从一个源对象复制到一个目标对象。

语法

让我们看一下 object.assign() 方法的语法

示例

输出

使用 JSON.parse() 方法复制对象

在 JavaScript 中，我们可以使用 JSON.parse() 和 JSON.stringify() 方法来执行深拷贝。这允许我们复制一个对象而不引用它。

语法

让我们看一下 JSON.prase() 方法的语法

示例

输出

使用无引用复制对象的优点

无引用复制对象可以带来许多好处

防止意外修改

在 JavaScript 中，当我们无引用复制对象时，我们可以分离实例。这意味着对复制对象的任何修改都不会影响原始对象，这有助于我们防止意外错误。

维护数据完整性

在 JavaScript 中，通过创建对象的独立副本，我们可以确保每个副本都包含自己的数据集。当我们在处理复杂的数据结构或在代码库的不同部分传递数据时，这会很有帮助。

隔离更改

我们还可以针对特定用例更改对象，而不会更改原始对象，并且无引用复制对象可以使您隔离这些更改。这将使我们的代码更具模块化，易于维护。

避免共享状态问题

在 JavaScript 中，对象默认是按引用传递的。简单来说，如果我们把一个对象传递给一个函数或者把它赋值给另一个变量，它们都指向内存中的同一个对象。我们可以创建无引用复制对象，这有助于避免因意外的对象更改而引起的共享状态问题。

克隆嵌套对象

当我们处理嵌套对象或数组时，无引用复制可确保复制数据结构的所有级别。这将防止仅复制顶层对象时可能发生的意外行为。

总而言之，在 JavaScript 中无引用复制对象可提高代码的稳定性、数据完整性，并有助于防止与对象突变相关的意外副作用引起的 bug。