ES6 中的类是一种面向对象编程的概念，提供了一种更加清晰的语法定义类，以及继承的方式。在本文中，我们将详细讨论 ES6 中的类的继承机制。
ES6 中的类
在 ES6 之前，JavaScript 中并没有真正的类，只有原型和构造函数的概念。然而，ES6 引入了类的概念，使其更接近传统的类机制，但在语法上更加优雅和简洁。
在 ES6 中，定义一个类的基本语法如下：
-- -------------------- ---- -------
----- --------- -
------------- -
-- ----------- ----
-
--------- -
-- ------- ----
-
--------- -
-- ------- ----
-
-- ----
-其中 constructor 函数是一个特殊的函数，在创建一个新的实例对象时被调用。类中的其他方法则被添加到实例的原型上。
类的继承
ES6 中的类继承可以通过 extends 关键字实现。在子类的 constructor 中，必须首先调用 super 函数，以便父类的初始化程序可以正确地执行。然后，可以使用子类的 this 关键字来引用实例自身。
下面是一个简单的例子，其中 Rectangle 类继承了 Shape 类：
-- -------------------- ---- -------
----- ----- -
-------------- -- -
------ - --
------ - --
-
------- -- -
------ -- --
------ -- --
-
-
----- --------- ------- ----- -
-------------- -- -- -- -
-------- ---
---------- - --
----------- - --
-
------ -
------ ---------- - ------------
-
-
----- ---- - --- ------------- --- --- ----
------------------------- -- ----在这个例子中，Rectangle 类继承了 Shape 类，因此实例化 Rectangle 时会调用 Shape 的构造函数。Rectangle 类还定义了一个 area 方法，在此方法中可以使用继承的属性 width 和 height 计算矩形的面积。
类的属性
在 ES6 中，可以在类中定义实例属性和静态属性。实例属性是每个对象都拥有的属性，而静态属性是属于类本身的属性。
实例属性是在构造函数中定义和初始化的，而静态属性是在类定义中直接初始化的：
-- -------------------- ---- -------
----- ------- -
------------- -
----------- - ---
-
------ ------------ - ------
-
----- --- - --- ----------
------------------------ -- --
---------------------------------- -- -----类的方法
在类中定义的方法也可以是实例方法或静态方法。
实例方法是在类的原型上定义的，在实例化之后可以通过对象访问。静态方法是直接定义在类本身上的，只能由类本身使用。
-- -------------------- ---- -------
----- ------- -
------ ----------- -
------ ------- ------ --------
-
--------- -
------ --------- ------ --------
-
-
--------------------------------- -- ------- ------ -------
----- --- - --- ----------
--------------------------- -- --------- ------ -------总结
在 ES6 中，类提供了一种更加清晰的面向对象编程的语法和机制。类继承机制使我们能够轻松地重用和扩展代码。了解 ES6 类的继承、属性和方法的定义和使用，可以帮助开发者更加有效地编写面向对象的 JavaScript 代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6593eba1eb4cecbf2d889468