在日常的前端开发过程中，我们经常需要对对象进行属性操作。而在 ES6 引入的 Object.defineProperty 方法中，我们可以设置一个对象属性的 descriptor 对象，来控制这个属性的行为。但是这个方法的缺陷在于，我们只能获取一个属性的 descriptor，而无法一次获取多个属性的 descriptor。在这种情况下，原生 ES7 引入了 Object.getOwnPropertyDescriptors 方法，来解决这个问题。
Object.getOwnPropertyDescriptors 的语法
Object.getOwnPropertyDescriptors 方法的语法如下：
Object.getOwnPropertyDescriptors(obj)
其中 obj 代表要获取 descriptor 的对象。
Object.getOwnPropertyDescriptors 的用法
使用 Object.getOwnPropertyDescriptors 方法，我们可以一次性地获取一个对象中所有属性的 descriptor。这个方法返回一个包含所有 descriptor 对象的对象。例如：
const obj = {
name: "Tom",
age: 18
};
const descriptors = Object.getOwnPropertyDescriptors(obj);
console.log(descriptors);输出结果为：
-- -------------------- ---- -------
-
----- -
------ ------
--------- -----
----------- -----
------------- ----
--
---- -
------ ---
--------- -----
----------- -----
------------- ----
-
-从上面的示例中我们可以看到，使用 Object.getOwnPropertyDescriptors 方法获取到了 obj 对象中 name 和 age 两个属性的 descriptor。
Object.getOwnPropertyDescriptors 的指导意义
Object.getOwnPropertyDescriptors 方法让我们可以更灵活地操作对象属性。例如，我们可以使用这个方法来实现对象属性的拷贝。
-- -------------------- ---- ------- ----- --- - - ----- ------ ---- -- -- -- ------ ----- -------- - --------------------------- --------------------------------------- ---------------------- -- - ----- ------ ---- -- -
通过以上示例，我们可以将一个对象的所有属性拷贝到一个新对象中。这种拷贝方式可以完全保留原对象的属性 descriptor，比如拷贝之后的属性会和原来的属性拥有相同的属性特性，包括 writable、enumerable 和 configurable。
总结
Object.getOwnPropertyDescriptors 是一个十分实用的原生 ES7 方法，它让我们可以一次性地获取一个对象中所有属性的 descriptor，来更灵活地操作对象属性。同时，这个方法还可以用来实现对象属性的完美拷贝。在实际开发中，如果我们需要操作对象属性并需要获取属性 descriptor，Object.getOwnPropertyDescriptors 就是一个很好的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c603c24908f32798b1f763