在 JavaScript 中，对象是一种复杂的数据类型，它们通常包含许多属性和方法。当你需要将一个对象复制给另一个变量时，很容易犯一个错误：克隆对象时没有真正地复制它，而只是复制了它的引用。这意味着，任何对克隆对象所做的更改都会影响原始对象，这可能会导致不可预期的行为和难以调试的问题。
复制对象的方法
为了正确地复制一个对象，我们需要使用深层复制（deep copy）方法，这意味着所有属性和嵌套对象都被递归地复制到新的对象中。以下是三种常见的方法：
1. 使用 JSON.parse() 和 JSON.stringify()
-- -------------------- ---- -------
--- ----------- - -
----- -------
---- ---
-------- -
----- ---- ------
-------- -----
-
--
--- --------- - ----------------------------------------
-- ---------
---------------------- - ---- -----------
-------------------------------------- -- ---- -----
------------------------------------ -- ---- ----------上述代码中，我们先使用 JSON.stringify() 将原始对象转换为字符串，然后使用 JSON.parse() 将字符串转换回对象并保存到新的变量中。由于该方法使用了完全不同的内存地址，因此原始对象和克隆对象之间没有任何引用关系。
2. 使用对象展开符（Object Spread Operator）
-- -------------------- ---- -------
--- ----------- - -
----- -------
---- ---
-------- -
----- ---- ------
-------- -----
-
--
--- --------- - - -------------- --
-- ---------
---------------------- - ---- -----------
-------------------------------------- -- ---- -----
------------------------------------ -- ---- ----------在 ES6 中，我们可以使用 对象展开符 ... 来复制一个对象。这个方法非常简单明了，但是它只适用于浅层对象复制，也就是说，如果你的对象包含嵌套对象，那么只会复制嵌套对象的引用。
3. 使用递归函数
-- -------------------- ---- -------
-------- -------------- -
--- --------- - ---
--- ---- ---- -- ---- -
-- ------- --------- --- -------- -- --------- --- ----- -
--------------- - ---------------------
- ---- -
--------------- - ----------
-
-
------ ----------
-
--- ----------- - -
----- -------
---- ---
-------- -
----- ---- ------
-------- -----
-
--
--- --------- - -----------------------
-- ---------
---------------------- - ---- -----------
-------------------------------------- -- ---- -----
------------------------------------ -- ---- ----------最后一个方法是使用递归函数来复制对象。该函数递归地遍历所有属性和嵌套对象，并将它们复制到新的对象中。这个方法比较麻烦，但它可以确保所有对象都被正确地复制。
结论
在 JavaScript 中，克隆对象是一项非常重要的任务。如果你不小心只是复制了对象的引用，那么可能会导致不可预期的后果。使用深层复制方法可以确保对象被正确地复制，从而避免这些问题。在实际开发中选择哪种方法，需要根据具体的需求来选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/11341
