在 TypeScript 中，class 继承是非常重要和常用的语法，它可以让我们更好地组织和管理代码。本文将深入探讨 TypeScript 中 class 继承的相关知识，并给出一些深入应用的实例。
继承基础
首先，我们来回顾一下继承的基础语法：
-- -------------------- ---- -------
----- ------ -
----- -------
----------------- ------- -
--------- - -----
-
------- -
--------------- ---- -- ---------------
-
-
----- --- ------- ------ -
----------------- ------- -
------------
-
------- -
------------------ -- ---- -- ---------------
-
-
----- --- - --- -----------
------------ -- ----- -- ---- -- ---在上面的代码中，我们定义了一个 Animal 类作为基类（父类），然后定义了一个 Cat 类，它继承了 Animal 类。通过 super 关键字调用父类构造函数可以完成对类成员的继承。在 Cat 类中，我们重写了 sayHi 方法，就可以实现类成员的覆盖。
抽象类
抽象类是不能被实例化的类，它一般用作基类来限制子类的结构和行为。我们可以使用 abstract 关键字来定义抽象类和方法：
abstract class Animal {
abstract makeSound(): void;
move(): void {
console.log('roaming the earth...');
}
}在上面的代码中，我们定义了一个 makeSound 抽象方法，该方法没有实现（没有方法体）。我们使用 abstract 关键字来定义抽象类 Animal 和抽象方法 makeSound。抽象方法是必须要被子类实现的，否则 TypeScript 编译器会给出错误提示。
接口继承类
在 TypeScript 中，接口除了可以继承别的接口，还可以继承类，这样接口就会继承类的成员和方法，但是不会继承类的实现。如下所示：
-- -------------------- ---- -------
----- ----- -
-- -------
-- -------
-------------- ------- -- ------- -
------ - --
------ - --
-
---------- ------ -
------ --- ------------ - -------- ------ - ---------
-
-
--------- ------- ------- ----- -
-- -------
-
----- -------- ------- - - -- -- -- -- -- - --
--------------------------- -------- ----- -- ----- --- -- -- --在上面的代码中，我们定义了一个 Point 类，它有 x 和 y 两个成员，以及一个 add 方法。我们又定义了一个接口 Point3d，它继承了 Point 类，并添加了一个 z 成员。我们可以看到，使用 Point3d 类型可以直接调用 Point 类中的 add 方法。
Mixin 模式
Mixin 模式指的是，将多个类的功能混入到一个类中，从而使这个类具备多个类的功能。在 TypeScript 中，使用 Mixin 的方式可以实现类似多重继承的效果。我们以 logger 和 sleeper Mixin 为例：
-- -------------------- ---- -------
----- ------ -
----- -
-------------- -- - ---------
-
-
----- ------- -
------- -
-------------- -- - ----------
-
-
---- ------------------- - --- --------- ------ -- --
-------- ------------ ------- ---------------------------------- -- -
------ ----- ------- ----------- -
------ - --- ---------
----- -
------------------
--------------
-
--
-
-------- ------------- ------- ---------------------------------- -- -
------ ----- ------- ----------- -
------- - --- ----------
------- -
---------------------
----------------
-
--
-
----- ----- -
------------------ ----- ------- --
-
----- ---------- - -------------------------------
----- ----- - --- ------------------
------------ -- - -- - ------
-------------- -- - -- - -------在上面的代码中，我们定义了一个 Logger 类和一个 Sleeper 类，它们都有一个方法。我们使用 withLogger 和 withSleeper 两个函数将这两个类的功能混入到 Human 类中，生成一个名为 HumanMixin 的新类。我们可以看到，HumanMixin 具备了 Logger 和 Sleeper 两个类的功能，同时也保留了 Human 类的结构和属性。
总结
本文介绍了 TypeScript 中 class 继承及深入应用的相关知识，并给出了一些深入应用的实例。掌握了这些知识后，我们可以更加灵活地使用 class 继承和 Mixin 模式来组织和管理代码，提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f0541bf6b2d6eab3a53169