在前端开发中，类继承是一种非常常见的编程技术，它可以帮助我们创建更加灵活和可重用的代码。在 ES2021 中，我们可以使用新的语法糖来使类继承更加可读性更强。本文将介绍如何在 ES2021 中使用这些新特性来改善类继承的可读性。
简介
在 ES6 中，我们可以使用 class 关键字来定义一个类：
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
------- -
------------------------- ----- - ---------
-
-在 ES6 中，我们可以使用 extends 关键字来继承一个类：
-- -------------------- ---- -------
----- --- ------- ------ -
----------------- ------ -
------------
---------- - ------
-
------ -
---------------------
-
-在 ES6 中，我们可以使用 super 关键字来调用父类的构造函数。我们还可以使用 super 关键字来调用父类的方法。
在 ES2021 中，我们可以使用两个新的关键字来改善类继承的可读性：constructor 和 super。
使用 constructor
在 ES2021 中，我们可以使用 constructor 关键字来定义一个类的构造函数。这样可以使代码更加清晰和易于阅读。
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
------- -
------------------------- ----- - ---------
-
-
----- --- ------- ------ -
----------------- ------ -
------------
---------- - ------
-
------ -
---------------------
-
-在上面的例子中，我们可以看到 Dog 类的构造函数使用了 constructor 关键字来定义。这样可以使代码更加清晰和易于阅读。
使用 super
在 ES2021 中，我们可以使用 super 关键字来调用父类的方法。这样可以使代码更加清晰和易于阅读。
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
------- -
------------------------- ----- - ---------
-
-
----- --- ------- ------ -
----------------- ------ -
------------
---------- - ------
-
------- -
--------------
------------------------- ---------
-
-在上面的例子中，我们可以看到 Dog 类的 speak 方法使用了 super 关键字来调用父类的 speak 方法。这样可以使代码更加清晰和易于阅读。
示例代码
下面是一个完整的示例代码，演示如何在 ES2021 中使用 constructor 和 super 来使类继承可读性更强：
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
------- -
------------------------- ----- - ---------
-
-
----- --- ------- ------ -
----------------- ------ -
------------
---------- - ------
-
------- -
--------------
------------------------- ---------
-
-
----- --- - --- ----------- ------------
------------在上面的例子中，我们定义了一个 Animal 类和一个 Dog 类。Dog 类继承自 Animal 类。Dog 类的构造函数使用了 constructor 关键字来定义。Dog 类的 speak 方法使用了 super 关键字来调用父类的 speak 方法。
最后，我们创建了一个 Dog 对象，并调用了它的 speak 方法。
结论
在 ES2021 中，我们可以使用 constructor 和 super 关键字来使类继承可读性更强。这些新特性可以使代码更加清晰和易于阅读。如果您正在使用 ES2021，那么建议您使用这些新特性来改善类继承的可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6746bde2e504cb428ec1ec47