随着 JavaScript 这门语言不断发展，过去使用原型与构造函数的编程方式已经逐渐落伍，取而代之的是 class 关键字。在 ES6 中，JavaScript 支持了类的创建方式，而在 ES12 中，这一特性更趋于成熟并且被全面支持。在本篇文章中，我们将对 ES12 中的类进行初探，并探究如何使用类来重构代码。
什么是类？
简单来说，类就是一种用于创建对象的蓝图或模板。在 JavaScript 中，使用 class 关键字和 constructor 方法来定义类和其中的构造函数，以及使用 extends 和 super 关键字来继承父类和访问父类的构造器与属性。
如何创建类？
让我们先通过一个简单的例子来介绍如何创建类：
----- ------ -
----------------- ---- -
--------- - -----
-------- - ----
-
------- -
------------------------- -- ----------- ----- -------
-
-
--- --- - --- --------------- ---
------------ -- ------ -- - ----- -----在这个例子中，我们使用 class 关键字来定义一个名为 Animal 的类，并在 constructor 方法中定义类的属性。随后，我们创建一个名为 dog 的对象，并使用其中的 speak 方法来输出 dog 对象的属性。
这里需要注意的是，在 JavaScript 中，类的继承是通过 extends 和 super 实现的。下面，我们通过一个例子来更加深入地了解如何使用继承来扩展已有的类：
----- ------ -
----------------- ---- -
--------- - -----
-------- - ----
-
------- -
------------------------- -- ----------- ----- -------
-
-
----- --- ------- ------ -
----------------- ---- ------ -
----------- -----
---------- - ------
-
------- -
------------------------- -- - ------------- --- --- -- ----------- ----- -------
-
-
--- --- - --- ------------ -- ------------
------------ -- ------ -- - -------- --- --- -- - ----- -----在这个例子中，我们创建了一个新类 Dog，并在其中使用 extends 关键字继承了 Animal 类。由于 Dog 类继承了 Animal 类，因此在 Dog 类的 constructor 方法中，我们需要使用 super 方法来调用 Animal 类的构造器。
重构代码
使用类进行重构可以让我们的代码更加模块化和易于维护。下面，我们通过一个简单的例子来演示如何使用类来重构代码：
-- -----
-------- ----------------- --------- -
-------------- - ----------
------------- - ---------
-
---------------------------- - -------- -- -
------ ------------------ ------------------
-
--- ---- - --- -------------- -------
-------------------------------- -- ----- ----
-- ------
----- ------ -
---------------------- --------- -
-------------- - ----------
------------- - ---------
-
------------- -
------ ------------------ ------------------
-
-
--- ---- - --- -------------- -------
-------------------------------- -- ----- ----通过上面的代码可以看到，使用类进行重构让我们的代码更加简洁和易于阅读。另外，使用类还可以使我们的代码更加模块化，方便后续的维护。
总结
类是 ES12 中的一个重要特性，它可以让我们更加方便地创建和维护对象。在开发中使用类进行重构可以让我们的代码更加简洁、易于维护和扩展。希望通过本篇文章，你能更好地了解和运用类这一特性。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6465d928968c7c53b06833fe