ES10 提供了一个新的静态方法 Object.getOwnPropertyDescriptors()，该方法可以获取对象的所有属性描述符，而不仅仅是自身属性的描述符。
使用该方法可以获得对象的所有属性描述符，包括可枚举和不可枚举的属性，以及通过原型链继承的属性。
语法
Object.getOwnPropertyDescriptors(obj)
其中，obj 为需要获取属性描述符的对象。
返回值
Object.getOwnPropertyDescriptors() 方法返回一个包含所有自身属性的描述符的对象。其中属性名为对象的属性名，属性值为对应的属性描述符对象。
返回对象中属性名为对象的可枚举属性和不可枚举属性，但是不包括继承属性。
示例代码
-- -------------------- ---- -------
----- --- - -
-- --
--- --- -
------ --
-
--
----- ----------- - --------------------------------------
---------------------------
-- -- ------- -- --------- ----- ----------- ----- ------------- -----
---------------------------
-- -- ----- -- ---- ---------- ----------- ----- ------------- -----在上面的示例代码中，我们定义了一个包含有一个数据属性和一个访问器属性的对象。然后我们使用 Object.getOwnPropertyDescriptors() 方法获取该对象的所有属性描述符，并输出其中的两个属性描述符。
使用场景
在前端开发中，Object.getOwnPropertyDescriptors() 方法通常可用于以下两种场景：
复制对象
通过 Object.getOwnPropertyDescriptors() 方法可以复制一个对象，包括对象的所有自身属性和属性描述符。
-- -------------------- ---- -------
----- --- - -
-- --
--- --- -
------ --
-
--
----- ---- - ----------------------------------------- ---------------------------------------
-------------------- -- -- -
-------------------- -- -- -在上面的示例代码中，我们复制了一个对象包括一个数据属性和一个访问器属性，并输出复制后对象的两个属性值。
拓展对象
通过 Object.getOwnPropertyDescriptors() 方法可以为一个对象添加新的属性及其描述符。
-- -------------------- ---- -------
----- ---- - -
-- --
--- --- -
------ --
-
--
----- ----------- - ---------------------------------------
----- ---- - ---
----------------------------- ------------- -- -- ---- --
------ - --
-------------------- -- -- -
-------------------- -- -- -
-------------------- -- -- -在上面的示例代码中，我们将一个对象的属性描述符拓展到了另一个对象上，并且给被拓展的对象添加了一个新的属性。
总结
Object.getOwnPropertyDescriptors() 方法可以获取一个对象的所有自身属性的属性描述符，包括可枚举属性和不可枚举属性，以及通过原型链继承的属性描述符。使用该方法可以实现对象属性的复制和拓展等场景，为我们开发中提供了更多的可能性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e24a6ff6b2d6eab3d9d642