前言
在 ES6 之前，JavaScript 中并没有类（class）的概念，开发者通常使用构造函数和原型链来实现面向对象编程的思想。但这种方式比较繁琐，并且容易出错。ES6 的出现，使得 JavaScript 中可以正式使用类和继承机制，这符合了面向对象编程的思想，让代码更加直观和易于维护。
类的使用
ES6 中的类和传统的面向对象编程语言有些不同，虽然类的语法看起来非常相似，但 ES6 的类并不是基于类的实例化来实现的，实际上，ES6 中的类也只是对 ES5 中的构造函数和原型链之间的关系进行了一个语法糖的封装。
-- -------------------- ---- -------
----- ------- -
----------------- -
--------- - -----
-
---------- -
------------------- - - --------- - -----
-
-
----- ------- - --- -----------------
------------------- -- --------- ------从上面的例子中可以看到，我们通过 class 关键字定义了一个类 MyClass。类的构造函数通过 constructor 方法来定义，其他的类的方法都可以直接定义在类的内部。在创建类的实例的时候，我们使用了 new 运算符来创建一个对象，这里的 myClass 就是一个类的实例。
继承的使用
在 ES6 中实现继承，可以通过 extends 关键字来实现：
-- -------------------- ---- -------
----- ------ -
----------------- ---- -
--------- - -----
-------- - ----
-
---------- -
------------------- -- ---- -- - - --------- - -- ---- - - -------- - - ----- -------
-
-
----- -------- ------- ------ -
----------------- ---- ------- -
----------- -----
----------- - -------
-
----------- -
----------------- - --------- --- -- ------ -- - - ----------- - -----
-
-
----- -------- - --- --------------- --- ------
-------------------- -- --------- -- ---- -- ---- --- -- ----- ----
--------------------- -- ------ - --------- --- -- ------ -- -----从上面的例子中可以看到，我们定义了一个 Person 类，这个类有一个构造函数，一个 sayHello() 方法。然后通过 class 关键字定义了一个 Employee 类，并且使用 Person 类作为父类进行继承。在 Employee 类中，我们可以对父类中的方法进行重写，或者增加新的方法。使用 super() 方法可以调用父类的构造函数或者方法，这在进行继承时是非常有用的。
总结
ES6 中新增的类和继承机制，让 JavaScript 中可以更加方便地使用面向对象编程的思想，让代码更加易读和易于维护。但是需要注意的是，ES6 中的类并不是真正的类，而是通过封装语法糖的方式来创建的，这也导致了一些问题的存在。例如，类其实是可以被修改的，所以需要保证代码的质量，避免歧义。同时，在使用类的时候还需要注意一些细节问题，例如在箭头函数中绑定类的实例、使用静态方法等等，在实际应用中需要灵活运用。
其他参考
- JavaScript 基础：类与继承 - 阮一峰的网络日志
- MDN web docs: Classes
- MDN web docs: Inheritance and the prototype chain
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647bd5e8968c7c53b071f27a