在前端开发中，继承是一种重要的概念。如果我们希望一个对象能够继承另一个对象的属性和方法，就需要使用继承。在 ES7 中，新增了一个 Object.getOwnPropertyDescriptors 方法，可以方便地实现继承，本文将介绍这个方法在实现继承中的应用。
Object.getOwnPropertyDescriptors 方法的基本用法
Object.getOwnPropertyDescriptors 是 Object 对象上的一个方法，用于获取一个对象所有属性的描述对象（Property Descriptor）。具体来说，它会返回一个对象，该对象以属性名为键，以属性描述对象为值。
下面是一个例子：
const obj = {
name: 'John',
age: 30
};
const descriptors = Object.getOwnPropertyDescriptors(obj);
console.log(descriptors);输出结果如下所示：
-- -------------------- ---- -------
-
----- -
------ -------
--------- -----
----------- -----
------------- ----
--
---- -
------ ---
--------- -----
----------- -----
------------- ----
-
-上面代码中，对象 obj 有两个属性：name 和 age。通过 Object.getOwnPropertyDescriptors 方法可以得到这两个属性的描述对象。
Object.getOwnPropertyDescriptors 方法在实现继承中的应用
在实现继承时，我们经常会用到 Object.create 方法。该方法可以创建一个对象，并将其原型指向另一个对象。例如，下面的代码将 obj1 的原型指向 obj2：
const obj1 = Object.create(obj2);
这样一来，obj1 就可以继承 obj2 的属性和方法了。但是，这种继承方式有一个问题：如果 obj2 中存在不可枚举的属性，那么这些属性就无法被 obj1 继承。
这时，Object.getOwnPropertyDescriptors 方法就派上用场了。我们可以使用该方法获取所有属性的描述对象，并将这些描述对象作为参数，创建一个新的对象，从而实现完全继承。
下面是一个例子：
-- -------------------- ---- -------
----- ---- - -
----- -------
---- --
--
--------------------------- ----- -
------ ----
--------- ------
----------- ------
------------- ----
---
----- ---- - --------------
-----
----------------------------------
------ ------------------
--
--
----------------------- -- ------
---------------------- -- --
--------------------- -- ---
------------------------ -- ------------------上面代码中，我们先创建了一个对象 obj2，并给它定义了一个不可枚举的属性 id。然后，利用 Object.getOwnPropertyDescriptors 方法获取了一个新对象的所有属性描述对象，其中包含了一个可枚举的属性 email。最后，通过 Object.create 方法创建了一个新的对象 obj1，并将 obj2 作为原型。这样一来，obj1 就继承了 obj2 的所有属性和方法，包括不可枚举的属性 id，以及新加入的可枚举属性 email。
总结
Object.getOwnPropertyDescriptors 方法在实现继承中，可以方便地获取所有属性的描述对象，并用这些描述对象创建一个新的对象，从而实现完全继承。这种方法可以避免继承时出现不可枚举属性被忽略的情况。但需要注意，该方法只适用于比较高级的继承场景，一般情况下并不常用。
示例代码：https://codepen.io/pen/?template=JjWEmGy
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64dd9acaf6b2d6eab38d600d