JavaScript 的对象是一个动态集合，具有属性和方法组成的键值对。随着 ES8 (ECMAScript 2017) 的到来，JavaScript 引入了一个全新的特性——Object.getOwnPropertyDescriptors()，用于返回指定对象所有自身属性（非原型链上）的描述符。然而，这个新特性也有一定的局限性。
简介
在 JavaScript 中，使用 Object.getOwnPropertyDescriptor() 方法可以获取指定对象上指定属性的描述符。但这个方法只能获取单个属性的描述符。而 Object.getOwnPropertyDescriptors() 方法则可以一次获取所有属性描述符。
Object.getOwnPropertyDescriptors() 方法返回一个对象，包括原对象所有属性的描述符，其中包括 value、writable、enumerable 和 configurable 属性。该对象可以用于查看或复制现有对象的描述符，并在创建新的对象时，立即从旧对象中继承描述符。
使用
以下是 Object.getOwnPropertyDescriptors() 的使用方法：
--- --- - - ----- ------- ---- -- -- --------------------------------------------------- ----- - ----- - ------ ------- --------- ----- ----------- ----- ------------- ---- -- ---- - ------ --- --------- ----- ----------- ----- ------------- ---- - -
如上代码所示，Object.getOwnPropertyDescriptors() 方法返回的是一个对象，该对象的属性是原始对象的属性，它的值是对应属性的描述符对象。
局限性
然而，使用 Object.getOwnPropertyDescriptors() 方法需要注意，它只能获取对象自身的属性的描述符，而无法获取原型链上的属性的描述符。
以下是一个例子，展示了使用 Object.getOwnPropertyDescriptors() 无法获取原型链属性的描述符：
--- --- - - ----- ------- ---- -- -- --- ---- - ------------------- -- -------------- ---------------------------------------------------- ----- --
如上代码所示，虽然 obj2 继承了 obj 的属性，但是 Object.getOwnPropertyDescriptors(obj2) 返回了一个空对象。
解决方法
为了解决这个问题，可以使用 Object.getPrototypeOf() 方法来递归遍历原型链，获取属性的描述符。以下是一个递归遍历原型链的例子：
--- --- - -
----- -------
---- --
--
--- ---- - -------------------
-------- ------------------------------ -
--- ------ - ---
--- ----- - ----
----- ------- -
-------------------------------------------------------- -
------------ - -------------------------------------- ------
---
----- - -----------------------------
-
------ -------
-
--------------------------------------------- -- --------- ------- ------- --------- ----- ----------- ----- ------------- ------ ---- ------- --- --------- ----- ----------- ----- ------------- ------如上代码所示，getAllPropertyDescriptors() 方法封装了一个递归函数，用于获取对象的所有属性描述符，并返回一个包含所有属性描述符的对象。
指导意义
Object.getOwnPropertyDescriptors() 方法是一个非常实用的工具，可以在复制或继承对象的属性描述符时使用。但是，使用该方法需要注意其不能获取原型链上的属性描述符的局限性。因此，当需要获取原型链上的属性描述符时，可以通过递归遍历原型链来解决。
同时，了解 Object.getOwnPropertyDescriptors() 的使用方法，对于对 JavaScript 对象属性描述符有深入了解、理解对象原型链有帮助，加深对 JavaScript 对象特性的认识。
结论
ES8 添加的 Object.getOwnPropertyDescriptors() 方法能够一次性获取对象上所有属性的描述符，包括 value、writable、enumerable 和 configurable 属性。虽然很实用，但这个方法有一个局限性，无法获取到原型链上的属性描述符。因此，在获取原型链上的属性描述符时，需要使用递归遍历原型链的方法。加深对该方法的理解，对于深入理解原型链和 JavaScript 对象特性非常有帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6716095ead1e889fe21a58db