前言：对象深复制是在 JavaScript 中经常用到的操作，可以通过多种方式实现。本文将介绍使用 ECMAScript 2017 中的 Object.getOwnPropertyDescriptors() 方法来实现对象深复制，让我们来看看这种方法的原理和使用。
对象深复制的含义
对象深复制是指将一个对象完全复制一份，包括了该对象的所有属性和方法。与浅复制不同，浅复制只是对对象的引用进行复制，对于属性值是对象的情况，浅复制后的对象和原对象指向同一个引用，修改一个会影响到另一个。
Object.getOwnPropertyDescriptors() 方法
在 ECMAScript 2017 中，新增了 Object.getOwnPropertyDescriptors() 方法，该方法可以获取一个对象的所有属性描述符，包括属性值、可写、可枚举、可配置等信息。
该方法的语法为：
Object.getOwnPropertyDescriptors(obj)
其中 obj 是要获取属性描述符的对象。该方法返回一个对象，对象的属性名是 obj 的所有属性名，属性值是一个描述符对象，描述符对象包含该属性的各种信息。
实现对象深复制
结合 Object.getOwnPropertyDescriptors() 方法，我们可以实现对象深复制。
我们可以使用以下代码来实现对象深复制：
-- -------------------- ---- -------
-------- -------------- -
--- ------ - ---
--- ----------- - --------------------------------------
--- ---- --- -- ------------ -
--- ---------- - -----------------
-- -------- -- ----------- -
----------- - -----------------
- ---- -
----------- - ---
------------------------------------ ------------
-
-
------ -------
-该函数接受一个对象作为参数，返回该对象的深复制。
首先，我们创建一个空对象 result 作为返回值，并获取 obj 的所有属性描述符 descriptors。接着，我们遍历 descriptors 中的每一个属性描述符，如果该描述符的 value 不是对象，则将其直接赋值给 result 中的同名属性，否则我们就需要递归调用该函数，将当前描述符所表示的对象深复制后再赋值给 result 中的同名属性。
需要注意的是，当属性描述符中包含 getter 和 setter 时，我们需要使用 Object.defineProperties() 方法给 result 中的同名属性重新定义一组描述符，以保留该属性的 getter 和 setter。
示例
以下是使用 deepClone() 函数进行对象深复制的示例代码：
-- -------------------- ---- -------
--- --- - -
-- --
-- -
-- --
-- -
--
-- ---------- -
---------------------
--
--- --- -
------ ------ - ---
--
--- ------ -
------ - --- - ---
--
------------ -
----------------------
-
--
--- ------ - ---------------
--------------------
----------------------
-----------
----------------------
-------- - ---
----------------------
-------------------输出结果：
-- -------------------- ---- ------- - -- -- -- - -- -- -- - -- -- ---------- --- -- --- ----------- --------- ------------ - - -- -- -- - - ----- -- -- ------
总结
使用 ECMAScript 2017 的 Object.getOwnPropertyDescriptors() 方法可以更方便地实现对象深复制，同时也能够保留对象原有的 getter 和 setter。在实际开发中，我们可以根据具体的需求来选择使用浅复制或深复制，并根据对应的方式来实现。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/652b8d567d4982a6ebd61013