在 ES8 中使用 Object.getOwnPropertyDescriptors() 方法快速定义 ES6 类
ES6 类是一个非常强大的概念，可以让我们在 JavaScript 中使用面向对象编程的方式。然而，在定义类的属性和方法时，我们经常需要在构造函数内部手动绑定 this，这样才能访问到实例的属性和方法。这样做非常繁琐，而且容易出错。
为了解决这个问题，ES8 中引入了一个新的方法 Object.getOwnPropertyDescriptors()，它可以让我们更方便地定义 ES6 类。在这篇文章中，我们将详细介绍这个方法的使用，包括如何定义一个类和如何定义一个继承自另一个类的子类。
Object.getOwnPropertyDescriptors() 方法是 ES6 中引入的新方法之一。它的作用是获取对象的所有属性的描述符，包括 Object.defineProperty() 定义的所有属性。在 ES6 中，我们可以通过 Object.defineProperty() 方法来定义一个属性，这个方法包括一些必要的参数，如属性名、设置器和获取器等。而 Object.getOwnPropertyDescriptors() 方法可以帮助我们获取到所有的这些参数，从而方便我们进行类的定义。
下面，我们将用一个例子来展示如何使用 Object.getOwnPropertyDescriptors() 方法来定义一个类：
-- -------------------- ---- -------
----- ------ -
----------------- ---- -
--------- - -----
-------- - ----
-
--- ---------- -
------ ----------
-
--- --------------- -
--------- - ------
-
-
----- ------------------- - ---------------------------------------------------
---------------------------------在这个例子中，我们定义了一个名为 Person 的类。这个类有两个属性，一个是 name，一个是 age。同时它也有一个名为 fullName 的属性，这个属性的获取器和设置器都用来获取和设置 name 属性。在类的定义里面，我们使用了 constructor() 方法来定义类的属性的初始值，以及使用 get 和 set 来定义 fullName 属性的行为。这是一个比较典型的 ES6 类的定义方式。
在这个例子中，我们使用了 Object.getOwnPropertyDescriptors() 方法来获取 Person.prototype 对象的属性描述符，这个方法会返回一个对象。在这个对象中，我们可以找到类的所有属性，包括一些额外的参数，比如设置器和获取器的函数指针等。
我们可以在控制台里输出这个对象，来看一下它的结构：
-- -------------------- ---- -------
-
------------ -
--------- -----
----------- ------
------------- -----
------ ---------- -------
--
--------- -
------------- -----
----------- -----
---- ---------- --- ----------
---- ---------- --- ---------
-
-从这个输出中我们可以看到，这个对象里面有两个属性。一个是 constructor，它的值是 Person 类的构造函数。另一个则是 fullName，它包含了 fullName 的描述符（get 和 set 方法）。
现在我们已经了解了 Object.getOwnPropertyDescriptors() 方法的使用方式，我们可以开始用它来定义一个类。
-- -------------------- ---- -------
----- ------------------- - -
----- -
------ --------
--
--------- -
------ ---------- -
------------------- -- ---- -- ----------------
-
-
-
----- ------ -
------------- -
----------------------------- ---------------------
-
-
----- ------ - --- ---------
------------------ -- -- ------- -- ---- -- --------在这个例子中，我们定义了一个名为 Person 的类。这个类里面包含了两个属性——name 和 greeting。我们可以通过 Object.defineProperties() 方法来将这两个属性定义到类的实例中，这个方法传入的第一个参数是目标对象，第二个参数是一个包含属性描述符的对象。在这里，name 属性的值是 Person，而 greeting 则是一个函数，它输出了一个问候语。
我们可以创建一个 Person 实例并立即调用它的 greeting() 方法来测试这个类的定义是否正确。从输出结果中可以看出，这个类的定义是正确的。
现在，我们已经学习了如何使用 Object.getOwnPropertyDescriptors() 方法来快速定义 ES6 类了。但是，我们也需要知道如何在子类中使用这个方法来让它继承父类。这可以通过 Object.create() 方法来实现。
-- -------------------- ---- -------
----- ------------------- - -
---------- -
------ ------
--
--------- -
------ -----
--
--------- -
------------- -----
----------- -----
---- ---------- -
------ ------------------ ------------------
--
---- --------------- -
----- ------- ----- - ------------- ---
-------------- - ------
------------- - -----
-
-
-
----- ------ -
------------- -
----------------------------- ---------------------
-
-
----- -------------------- - ---------------------------------------------------
----- -------- ------- ------ -
------------- -
--------
----------------------------- ----------------------
-
-
----- -------- - --- -----------
------------------------------- -- -- ----- ----
----------------- - ---- -------
------------------------------- -- -- ---- ------
-------------------------------- -- -- -----
------------------------------- -- -- -------在这个例子中，我们定义了一个名为 Employee 的子类，它是从 Person 类继承而来的。我们使用了 Object.create() 方法来创建一个新的对象，使得 Employee.prototype 对象继承自 Person.prototype 对象。然后我们使用 Object.getOwnPropertyDescriptors() 方法来获取 Person.prototype 对象的属性描述符，并将它们定义到 Employee.prototype 对象中。
最后，我们创建了一个新的 Employee 实例，并测试了它的属性。从输出结果中可以看到，我们成功地定义了一个继承自父类的子类，并且这个子类定义了一个完整的 ES6 类。
结论
Object.getOwnPropertyDescriptors() 方法是一个非常方便的方法，可以帮助我们更快速地定义 ES6 类。在定义类的时候，我们可以使用 Object.getOwnPropertyDescriptors() 方法来获取类的所有属性，然后进行相应地修改。同时，我们也可以使用这个方法来为子类继承父类的属性和方法，从而更加方便地定义我们的程序。虽然这个方法只是 ES8 中引入的一个新方法，但它却能帮助我们更快速地进行开发，从而提高我们的生产效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674d8703947dc5bcb3fdc7d1