在 ES9 中实现 Object.assign() 的深度复制
Object.assign() 是一个常用的 JavaScript 方法，可以将一个或多个源对象的自身可枚举属性复制到目标对象。然而，Object.assign() 只能进行浅复制，即只复制对象的顶层属性，而不会复制嵌套属性。在某些情况下，我们需要进行深度复制，即将对象的所有属性都复制到新的对象中。本文将介绍如何在 ES9 中实现 Object.assign() 的深度复制。
深度复制的实现方法
在 ES9 中，我们可以使用递归和 Object.assign() 方法来实现深度复制。递归是一种通过函数调用自身来解决问题的方法。在深度复制中，我们可以使用递归来处理嵌套的属性。
以下是实现深度复制的示例代码，假设我们有一个源对象和一个目标对象：
-- -------------------- ---- -------
----- ------ - -
----- ------
-------- -
----- ---- ------
-------- -----
-
--
----- ------ - ---我们可以使用以下函数来进行深度复制：
-- -------------------- ---- -------
-------- ---------------- ------- -
-- --------
------------------------------------------------------------ -
----- --------- - ----------------
-- -----------------
-- ------- --------- --- -------- -- --------- --- ----- -
-- -----------
--------------- - ------------------------ - -- - ---
-- -------
------------------------- -----------
- ---- -
-- -----------------
----------------------------- -------- --------------------------------------- ----------
-
---
------ -------
-
---------------- --------
--------------------
-- - ----- ------ -------- - ----- ---- ------ -------- ----- - -在上述代码中，我们定义了一个 deepCopy() 函数，它接受两个参数：目标对象和源对象。我们使用 Object.getOwnPropertyNames() 方法遍历源对象的属性，并根据属性值的类型来进行不同的操作。如果属性值是对象，则递归调用 deepCopy() 函数来复制该对象。如果属性值是基本类型，则直接将其复制到目标对象中。最后，我们返回目标对象。
使用Object.assign()实现深度复制
在ES9中新提供了 Object.getOwnPropertyDescriptors() 方法，这个方法返回指定对象所有自身属性（非继承属性）的描述对象，是一个对象，其属性名为目标对象的属性名，其属性描述符为目标对象的属性描述符。根据这个特性，我们可以使用 Object.assign() 方法来实现深度复制。下面是示例代码：
function deepCopy(target, source) {
Object.assign(target,JSON.parse(JSON.stringify(source)));
return target;
}
deepCopy(target, source);
console.log(target);
// { name: 'Tom', address: { city: 'New York', country: 'USA' } }在这段代码中，我们调用 JSON.stringify() 方法将源对象转换为 JSON 字符串，然后再调用 JSON.parse() 方法将该字符串解析为 JavaScript 对象。这种方法能够进行深度复制，但是在复制的过程中会将对象转换为字符串，因此效率较低。
总结
本文介绍了如何在 ES9 中实现 Object.assign() 的深度复制。我们可以使用递归和 Object.assign() 方法来实现深度复制，也可以使用 JSON.stringify() 和 JSON.parse() 方法来复制嵌套的对象。无论使用哪种方法，深度复制都非常有用，可以帮助我们避免浅复制带来的问题，让我们的代码更加健壮、可靠。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/651f961c95b1f8cacd720bb9