在 ES6 中，引入了一种新的语法 —— 类（class），它为对象的创建提供了更加简单、直观的方式。同时，ES6 也支持类继承，使得我们能够更加便捷地实现代码复用和扩展。
类的定义与基本语法
类可以被看作是对象的一种特殊形式，使用 class 关键字进行定义。类中包含了类的属性和方法。
类的定义
一个简单的类的定义如下：
class MyClass {
// 类的属性和方法
}在上面的例子中，MyClass 就是一个类的名字。在 JavaScript 中，类名通常使用驼峰式命名法。
类的属性和方法
类的属性和方法都定义在类的大括号中，与普通对象类似。
-- -------------------- ---- -------
----- ------- -
------------- -
-- -------------------
--------- - ----------
-
-- ----
---------- -
------------------- --- ---------------
-
-在上面的例子中，我们定义了一个 MyClass 类，包含了一个构造函数和一个 sayHello 方法。构造函数用于初始化类的属性，sayHello 方法用于输出类的名字。
类的实例化
类的实例化使用 new 进行。
const myClass = new MyClass(); console.log(myClass.name); // "MyClass" myClass.sayHello(); // "Hello, I'm MyClass"
在上面的例子中，我们通过 new 关键字创建了一个 MyClass 的实例 myClass，并调用了它的 name 属性和 sayHello 方法。
类继承的基本语法
类继承是 ES6 中类的一项重要特性，它允许我们在已有类的基础上创建一个新的类，使新类能够继承原有类的功能和属性，并能够进行扩展和修改。
类继承使用 extends 关键字进行关联。
class SubClass extends SuperClass {
// 子类的属性和方法
}在上面的例子中，SubClass 就是一个子类，SuperClass 是一个父类。
子类的构造函数
子类需要使用 super() 进行构造函数的调用，以便在创建子类实例时可以初始化父类属性。同时，在子类构造函数中，需要使用 this 关键字来引用子类自己的属性和方法。
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
---------- -
------------------- --- ---------------
-
-
----- --- ------- ------ -
----------------- -
------------ -- ----------------------
--------- - ------
-
--------- -
------------------------- ----- --------
-
-在上面的例子中，我们定义了一个 Animal 类和一个 Cat 类。Animal 类包括一个构造函数和一个 sayHello 方法，用于输出动物的 name。Cat 类继承了 Animal 类，并定义了一个 sayMeow 方法，用于输出猫叫声。
子类的方法重写
我们也可以在子类中重新定义父类的方法，使得子类可以覆盖父类的功能。
-- -------------------- ---- -------
----- --- ------- ------ -
----------------- -
------------
--------- - ------
-
---------- -
------------------- --- ------------ --- ---------------
-
--------- -
------------------------- ----- --------
-
-
----- --- - --- -----------
--------------- -- ------- --- --- --- ----在上面的例子中，我们重新定义了 Cat 类的 sayHello 方法，并在其中调用了子类自己的属性 this.type。当我们调用 cat.sayHello() 方法时，输出结果为 "Hello, I'm Tom the Cat"。
总结
在 ES6 中，类继承是一个非常方便、强大的功能。我们可以通过类的继承来复用代码、扩展功能，同时也能够方便地修改代码。在实际开发中，我们应该多加利用类继承的特性，提高代码的可维护性和灵活性。
示例代码
这是一个网站菜单导航的示例，包含了 Menu 类和 SubMenu 类。SubMenu 类继承了 Menu 类，并覆盖了 addItem 方法，实现了在子菜单中添加菜单的功能。
-- -------------------- ---- -------
----- ---- -
------------- -
---------- - ---
-
------------- -
----------------------
-
------------------ -
------ ------- -------------------------------------------
-
-------- -
----- ------------ - ------------------- -- ----------------------------------
------ ---------------------------
-
-
----- ------- ------- ---- -
------------- -
--------
----------- - ---
-
------------- -
----------------------
-
------------------ -
------ ------- ---------------------
- ------------------------------------------------------------------------------ --------
------------------------------------------------------------------------------------------------------------------------