前言
TypeScript 是一种由 Microsoft 开发的开源编程语言，它是 JavaScript 的超集，为 JavaScript 添加了静态类型检查和面向对象的特性。其中，接口和类是 TypeScript 中最重要的两个概念，它们可以帮助我们更好地组织代码，提高代码的可读性和可维护性。
本文将详细介绍 TypeScript 中的接口和类，包括它们的定义、使用方法以及示例代码，并结合实际场景进行解析，希望能够帮助读者更好地理解和应用 TypeScript。
接口
定义接口
在 TypeScript 中，接口是一种抽象的数据类型，它定义了一个对象的属性、方法以及函数的参数和返回值等信息。接口可以用来描述对象的形状，以及函数的签名，是一种非常重要的类型定义方式。
接口的定义使用关键字 interface，语法如下：
--------- ------ - ----- ------- ---- ------- --------- -- -- ----- -
上面的代码定义了一个 Person 接口，它有三个属性：name 和 age 是字符串和数字类型，sayHello 是一个没有参数和返回值的函数类型。我们可以通过对象字面量的方式来创建符合 Person 接口的对象：
----- ------- ------ - - ----- ------ ---- --- --------- -- -- --------------------- --
可选属性
有时候，我们并不需要一个接口中的所有属性都是必须的，这时可以使用可选属性。可选属性的定义使用 ? 符号，例如：
--------- ------ - ----- ------- ----- ------- --------- -- -- ----- -
上面的代码定义了一个 Person 接口，其中 age 属性是可选的。这样，我们就可以创建一个不包含 age 属性的 Person 对象：
----- ------- ------ - - ----- ------ --------- -- -- --------------------- --
只读属性
有时候，我们需要将某些属性设置为只读，即不能修改。在 TypeScript 中，可以使用 readonly 关键字来定义只读属性，例如：
--------- ------ - -------- ----- ------- ---- ------- --------- -- -- ----- -
上面的代码定义了一个 Person 接口，其中 name 属性是只读的。这样，我们就无法修改 Person 对象的 name 属性：
----- ------- ------ - - ----- ------ ---- --- --------- -- -- --------------------- -- ----------- - -------- -- ------ ------ ------ -- ------ ------- -- -- - --------- ---------
函数类型
在 TypeScript 中，接口不仅可以描述对象的形状，还可以描述函数的形状。例如，我们可以定义一个接口来描述一个函数的签名：
--------- --- - --- ------- -- -------- ------- -
上面的代码定义了一个 Add 接口，它描述了一个接受两个参数 x 和 y，并返回一个数字的函数。我们可以使用这个接口来定义一个符合要求的函数：
----- ---- --- - --- -- -- - - --
继承接口
在 TypeScript 中，接口可以继承其他接口，以便复用已有的类型定义。接口的继承使用关键字 extends，语法如下：
--------- ------ - ----- ------- - --------- --- ------- ------ - ------ ------- -
上面的代码定义了一个 Animal 接口和一个 Dog 接口，其中 Dog 接口继承了 Animal 接口。这样，我们就可以创建一个符合 Dog 接口的对象：
----- ---- --- - - ----- -------- ------ ---------- --
实现接口
在 TypeScript 中，类可以实现接口，以便满足接口的要求。类实现接口使用关键字 implements，语法如下：
--------- ------ -
----- -------
--------- -- -- -----
-
----- ------- ---------- ------ -
----- -------
---------- -
------------------- -- ---- -- ----------------
-
-上面的代码定义了一个 Person 接口和一个 Student 类，其中 Student 类实现了 Person 接口。这样，我们就可以创建一个符合 Person 接口的 Student 对象：
----- -------- ------ - --- ---------- ------------ - ------ ------------------- -- ------ -- ---- -- ----
类
定义类
在 TypeScript 中，类是一种面向对象的编程方式，它可以用来封装数据和行为。类的定义使用关键字 class，语法如下：
----- ------ -
----- -------
---- -------
----------------- ------- ---- ------- -
--------- - -----
-------- - ----
-
---------- -
------------------- -- ---- -- ------------- --- ----------- ----- -------
-
-上面的代码定义了一个 Person 类，它有两个属性 name 和 age，以及一个构造函数 constructor 和一个方法 sayHello。我们可以使用 new 关键字来创建一个 Person 对象：
----- ------ - --- ------------- ---- ------------------ -- ------ -- ---- -- ---- --- -- ----- ----
继承类
在 TypeScript 中，类可以继承其他类，以便复用已有的代码。类的继承使用关键字 extends，语法如下：
----- ------- ------- ------ -
------ -------
----------------- ------- ---- ------- ------ ------- -
----------- -----
---------- - ------
-
------- -
------------------------- -- -------- -- ----- -----------------
-
-上面的代码定义了一个 Student 类，它继承了 Person 类，并新增了一个属性 grade 和一个方法 study。我们可以使用 new 关键字来创建一个 Student 对象：
----- ------- - --- -------------- --- --- ------------------- -- ------ -- ---- -- ---- --- -- ----- ---- ---------------- -- --- -- -------- -- ----- --
访问修饰符
在 TypeScript 中，类的属性和方法可以使用访问修饰符来限制访问权限。访问修饰符有三种：public、protected 和 private。
public表示属性或方法可以被任意访问，默认为public。protected表示属性或方法只能在类及其子类中访问。private表示属性或方法只能在类内部访问。
例如：
----- ------ -
------ ----- -------
--------- ---- -------
------- ------- -------
----------------- ------- ---- ------- ------- ------- -
--------- - -----
-------- - ----
----------- - -------
-
---------- -
------------------- -- ---- -- ------------- --- ----------- ----- ---- --- - ------------------
-
-
----- ------- ------- ------ -
------ -------
----------------- ------- ---- ------- ------- ------- ------ ------- -
----------- ---- --------
---------- - ------
-
------- -
------------------------- -- -------- -- ----- -----------------
-
-
----- ------- - --- -------------- --- ------- ---
------------ - -------- -- --
----------- - --- -- ------ -------- ----- -- --------- --- ---- ---------- ------ ----- -------- --- --- -----------
-------------- - --------- -- ------ -------- -------- -- ------- --- ---- ---------- ------ ----- ---------上面的代码定义了一个 Person 类和一个 Student 类，其中 Person 类的属性 age 和方法 sayHello 是 protected 的，属性 gender 是 private 的，而 Student 类继承了 Person 类。我们可以看到，name 属性是 public 的，可以被任意访问；age 属性是 protected 的，只能在 Person 类及其子类中访问；gender 属性是 private 的，只能在 Person 类内部访问。
抽象类
在 TypeScript 中，抽象类是一种不能被实例化的类，它主要用于定义其他类的基类。抽象类的定义使用关键字 abstract，语法如下：
-------- ----- ------ -
-------- ------------ -----
-
----- --- ------- ------ -
----------- -
---------------------
-
-
----- --- - --- ------
---------------- -- -----上面的代码定义了一个 Animal 抽象类，它有一个抽象方法 makeSound，并且不能被实例化。我们可以定义一个 Dog 类，它继承了 Animal 类，并实现了 makeSound 方法。这样，我们就可以创建一个 Dog 对象，并调用 makeSound 方法。
总结
本文详细介绍了 TypeScript 中的接口和类，包括接口的定义、可选属性、只读属性、函数类型、继承和实现等内容，以及类的定义、继承、访问修饰符和抽象类等内容。接口和类是 TypeScript 中非常重要的概念，它们可以帮助我们更好地组织代码，提高代码的可读性和可维护性。希望本文对读者有所帮助，能够更好地理解和应用 TypeScript。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/65ca131aadd4f0e0ff3ebbc5