在 JavaScript 中，实现面向对象编程并不是一件容易的事情。ES6 的 class 语法提供了一种更加简单、易于理解的方式来定义类，从而使得 JavaScript 代码更加易于阅读和维护。
什么是 class？
在传统的面向对象编程语言中，class 是一种定义对象的模板。在 JavaScript 中，class 也是一种定义对象的模板，但是它的实现方式略有不同。
ES6 的 class 语法只是一个语法糖，实际上它仍然是基于原型的。即使使用 class 关键字定义一个类，它仍然是一个构造函数。下面是一个简单的例子：
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
---------- -
------------------- -- ---- -- ---------------
-
-
----- ----- - --- ----------------
----------------- -- ------ -- ---- -- -----在上面的例子中，我们定义了一个 Person 类，它有一个构造函数和一个 sayHello 方法。我们可以使用 new 关键字来创建一个 Person 对象，并调用它的 sayHello 方法。
class 的继承
ES6 的 class 语法还支持继承，这使得我们可以更加方便地实现类的继承关系。
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
------- -
------------------------- ----- - ---------
-
-
----- --- ------- ------ -
----------------- ------ -
------------
---------- - ------
-
------- -
------------------------- ---------
-
-
----- ---- - --- ----------- ------- ------------
------------- -- ---- ------在上面的例子中，我们定义了一个 Animal 类和一个 Dog 类。Dog 类继承了 Animal 类，并重写了它的 speak 方法。我们可以使用 new 关键字来创建一个 Dog 对象，并调用它的 speak 方法。
class 的静态方法
除了实例方法之外，ES6 的 class 语法还支持静态方法。静态方法是指只能由类本身调用的方法，而不能由类的实例调用的方法。
-- -------------------- ---- -------
----- ---------- -
------ ------ -- -
------ - - --
-
------ ----------- -- -
------ - - --
-
-
----------------------------- ---- -- -
---------------------------------- ---- -- -在上面的例子中，我们定义了一个 Calculator 类，它有两个静态方法：add 和 subtract。我们可以直接使用类名来调用这些静态方法。
总结
ES6 的 class 语法提供了一种更加简单、易于理解的方式来定义类，从而使得 JavaScript 代码更加易于阅读和维护。我们可以使用 class 关键字来定义类、继承和重写父类的方法、定义静态方法等等。在实际开发中，我们可以使用 class 语法来组织我们的代码，使得它更加清晰、易于理解。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6589d88deb4cecbf2df23e9b