在 TypeScript 中，类和接口是两个非常重要的概念。类可用于定义对象的结构和行为，而接口则提供了可以实现该结构和行为的方法。将这两个概念结合起来，可以最大程度地提高代码可读性，可维护性和可扩展性。
本文将介绍如何在 TypeScript 中混合使用类和接口，并探讨它们之间的互动！
类生成接口的方式
在 TypeScript 中，类本身就可以看作一个包含数据和方法的接口。通过下面的语法，还可以基于类自动生成接口：
----- ----- -
------------------ -- ------- ------ -- ------- --
---------- -
------ ----------- ----------
-
-
--------- ------ ------- ----- --上述代码中，我们定义了一个名为 Point 的类。该类具有一个构造函数，以及一个 toString 方法，用于返回点的坐标。另外，我们也定义了一个接口 IPoint，该接口直接继承了类 Point。这意味着，接口 IPoint 具有与类 Point 相同的结构，包括成员属性和方法。
假设我们想要创建一个类型为 IPoint 的变量，我们可以像以下这样实现：
----- ------ ------ - --- -------- --- ------------------------------ -- -- --- --
接口实现类的方式
另一种混合使用类和接口的方法是，通过实现接口，使类满足接口定义的结构。
--------- ---------- -
-------- -----
-
----- ---- ---------- ---------- -
------------------ ----- ------- --
------- -
--------------------- ----- ---------------
-
-
----- ------ - --- --------- ---------- --------
--------------- -- -- --------- ----- --- ---------- ------在上述代码中，我们定义了一个名为 IPrintable 的接口。该接口具有一个名为 print 的函数，用于打印对象的信息。我们还创建了一个 Book 类，该类包含书名并实现了接口 IPrintable。最后，我们创建了一个名为 myBook 的变量，该变量是类型为 Book 的实例，并通过调用 print 方法以输出书名。
使用接口泛型
还可以使用接口泛型来定义允许不同类型实现相同接口的情况：
--------- ------------- -
------------ --- ----
-------- ----- --
-
----- --------------- ---------- ------------------ -
------------ ------- -
------ -----------------
-
-------- ------- -
------ ----------------
-
-
----- ---------- ------------------ - --- ------------------
----------------------------------- -- -- ---
------------------------------- -- -- -----在上述代码中，我们定义了一个名为 IConverter 的接口，并使用泛型 T 来表示要转换的值的类型。通过在 from 和 to 方法中使用不同的数据类型，可以将不同类型的对象转换为所需的类型。然后，我们创建了一个名为 NumberConverter 的具体实现类，该类可将字符串类型的数字转换为整数类型，或将整数类型的数字转换为字符串类型。最后，我们创建了一个变量 converter 来存储 NumberConverter 类的实例，并使用 from 和 to 方法完成转换过程。
结论
经过本文的介绍，您现在应该已经掌握了使用 TypeScript 中的类和接口混合技术的基本原则，以及如何在项目中应用这些原则。
当您在编写 TypeScript
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/672859fa2e7021665e1fe77a