TypeScript 中的类

阅读时长 5 分钟读完

TypeScript 中的类

TypeScript 是一种静态类型的JavaScript超集,它提供了更好的代码可读性和可维护性。类是面向对象编程的核心概念之一,TypeScript 提供了对类的支持并且引入了一些新的语法特性,使得类更加强大和灵活。在本篇文章中,我们将深入探讨 TypeScript 中的类以及它们的使用和最佳实践。

定义类

定义一个类的语法非常简单,通过使用 class 关键字可以定义一个类。下面是一个简单的例子:

-- -------------------- ---- -------
----- ------ -
  ---------- -------
  --------- -------
  
  ---------------------- ------- --------- ------- -
    -------------- - ----------
    ------------- - ---------
  -
  
  ------------- -
    ------ ------------------ ------------------
  -
-

上面的代码定义了一个 Person 类,其中保存了 firstName 和 lastName 信息,并且这个类拥有一个 getFullName 方法,它返回类的完整名字。在这个类中,构造函数通过使用 constructor 关键字来定义,它接收两个 string 类型的参数 firstName 和 lastName,通过 this 关键字来保存它们的值。

类的继承

类的继承是指一个类可以继承另一个类的属性和方法。在 TypeScript 中,类的继承基本和 ES6 中的继承相同。下面的代码实例演示了一个继承的例子:

-- -------------------- ---- -------
----- ------ -
  ----- -------
  
  ----------------- ------- -
    --------- - -----
  -
  
  ---------------------- ------ - -- -
    ------------------------- ----- ------------------------------
  -
-

----- ----- ------- ------ -
  ----------------- ------- -
    ------------
  -
  
  ---------------------- ------ - -- -
    -----------------------------
    -----------------------------
  -
-

--- --- - --- ------------ --- ---------
-----------

在上面的例子中,我们定义了一个基类 Animal,它有一个属性 name 和一个方法 move。接着我们定义了一个派生类 Snake,它继承了基类 Animal。在这个派生类中,我们覆写了基类的方法 move,并且添加了新的实现逻辑。调用父类的方法必须通过 super 关键字。最后我们创建一个 Snake 类的实例 sam,并调用它的方法 move。

访问修饰符

TypeScript 中提供了三种不同的访问修饰符,分别是 public、private 和 protected。这些修饰符用于控制成员的可见性。

  • public:成员将被声明为公共的。默认情况下,所有成员都是公共的。
  • private:成员将被声明为私有的,它们在类的外部是不可见的。
  • protected:成员将被声明为受保护的,类的派生类可以访问它们,但是在类的外部不可访问。

下面的代码演示了访问修饰符的用法:

-- -------------------- ---- -------
----- ------ -
  ------ ----- -------
  ------- ---- -------
  --------- -------- -------
  
  ----------------- ------- ---- ------- -------- ------- -
    --------- - -----
    -------- - ----
    ------------ - --------
  -
  
  --------- -
    ------ -------- -- ---
  -
-

--- --- - --- ------------- -- ----------
---------------------- -- ---
--------------------- -- -----
------------------------- -- -----

在上面的例子中,我们定义了一个 Animal 类,其中包含一个 name 属性、一个 age 属性和一个 species 属性。name 属性被声明为公共的,因此可以在类的外部访问。age 和 species 属性被声明为私有和受保护的,不能在类的外部访问。

泛型类

TypeScript 中的泛型类用于支持多种类型的数据。泛型类使用特殊的类型变量来表示不确定的类型。使用类的泛型可以提高代码的复用性和可读性。下面的代码演示了一个泛型类的例子:

-- -------------------- ---- -------
----- ------- -
  ------- ----- --- - ---
  
  --------- -- -
    ---------------------
  -
  
  ---------- -------- - -
    ------ -----------------
  -
-

--- ---- - --- ---------------
------------------
-------------------
------------------------- -- -----

--- ---------- - --- ---------------
------------------
------------------
------------------------------- -- -

在上面的例子中,我们定义了一个泛型类 List,其中涉及到特殊的类型变量 T。我们可以通过实例化泛型类 List 来使用 List 类,根据类型变量 T 的值来定义类的类型。

结论

本篇文章中,我们深入探讨了 TypeScript 中的类,包括定义类、类的继承、访问修饰符和泛型类。类是面向对象编程的核心之一,使用 TypeScript 类可以提高代码的可维护性和可读性。最后,希望本篇文章能够帮助您深入理解 TypeScript 类的使用和最佳实践。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6730ededeedcc8a97c935b03

纠错
反馈