随着 TypeScript 的流行，类在前端编程中逐渐成为重要的编程理念之一。TypeScript 中的类不仅有着面向对象编程的基本概念，同时也增加了许多有趣的特性，让我们可以更加灵活地使用它们。本文将详细介绍 TypeScript 中的类，并给出一些实际的例子。
类的定义和基本属性
在 TypeScript 中，定义一个类通常使用关键字 class。类可以有构造函数、属性和方法。下面是一个简单的类定义：
-- -------------------- ---- -------
----- ------ -
----- -------
---- -------
----------------- ------- ---- ------- -
--------- - -----
-------- - ----
-
---------- -
------------------- -- ---- -- ------------ --- --- ----------- ------- -------
-
-
----- ------- - --- --------------- ----
-------------------类的属性可以使用 this 关键字来引用。在构造函数中，我们使用 this.name = name 和 this.age = age 来初始化实例的属性。如果一个属性没有在构造函数中初始化，它的默认值为 undefined。
sayHello 方法使用了模板字符串，并访问了 name 和 age 属性。注意，我们可以直接使用类中的属性，而不需要额外的关键字（如 this.name 和 this.age）。
访问控制和参数属性
TypeScript 支持访问控制修饰符（public、private 和 protected）来限制对类的成员的访问。默认情况下，所有的属性和方法都是公共的（public）。如果将一个属性或方法标记为 private，则只有在类中才能访问它。如果将其标记为 protected，则只有在类内部和其子类中才能访问它。
另外，我们可以在构造函数的参数上使用 public、private 或 protected 来自动创建并初始化实例的属性。这种方法被称为参数属性。例如：
-- -------------------- ---- -------
----- ------ -
------------------ ----- ------- ------- ---- ------- --
---------- -
------------------- -- ---- -- ------------ --- --- ----------- ------- -------
-
-
----- ------- - --- --------------- ----
-------------------
------------------------- -- ---------- --- -------- ----在上面的示例中，name 属性是公共的，可以在类外部使用。age 属性是私有的，不能在类外部使用。
继承和覆盖
在 TypeScript 中，我们可以使用 extends 关键字来实现类的继承。继承允许我们创建一个类，它从另一个已存在的类中继承属性和方法，并可以添加或修改它们。例如：
-- -------------------- ---- -------
----- -------- ------- ------ -
------- -------
----------------- ------- ---- ------- ------- ------- -
----------- -----
----------- - -------
-
---------- -
------------------- -- ---- -- ------------- --- ----------- ------- ---- --- -- ------ -- -------------- -----------
-
-
----- --------- - --- --------------- --- -------
---------------------在上面的示例中，Employee 类继承了 Person 类，并添加了 salary 属性和 sayHello 方法的覆盖实现。使用 super 关键字调用超类的构造函数。
使用继承和覆盖可以减少代码重复，并且可以方便地扩展现有的类。
抽象类和接口
在 TypeScript 中，我们可以使用抽象类和接口来定义抽象的类型和行为。
抽象类是不能被实例化的基类，它通常用于定义一些通用的属性和方法。抽象类可以包含抽象的方法，这些方法没有实现，必须在子类中实现。子类必须实现所有的抽象方法，否则也必须声明为抽象类。例如：
-- -------------------- ---- -------
-------- ----- ------ -
-------- ------------ -----
-
----- --- ------- ------ -
----------- -
--------------------
-
-
----- ---- - --- ------
-----------------
-- ----------------
----- ------- - --- ---------接口用于描述对象的结构和行为。可以使用接口来强制对象符合某些标准。在 TypeScript 中，接口可以描述属性、方法和索引签名等。例如：
-- -------------------- ---- -------
--------- ----- -
-------- ----- -------
------------ -------
-
----- ------ ---------- ----- -
-------- ------- -------
------------------- ------- -
----------- - -------
-
--- ------ -
------ ------- - ----------- -- --
-
----------- -
------ - - ------- - ------------
-
-
----- ------- - --- ----------
--------------------------
---------------------------------在上面的示例中，Shape 接口描述了 Circle 类必须实现的属性和方法。
总结
在 TypeScript 中，类是一个关键的编程概念。类允许我们定义和组织代码，创建可维护和可扩展的程序。本文介绍了 TypeScript 中的类的基本属性和使用方式，包括访问控制、继承和覆盖、抽象类和接口。通过本文的学习，我们可以更加深入地理解 TypeScript 中的类，为前端编程提供更多可能性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64ab70ee48841e9894745846