TypeScript 中如何定义一个类?

在 TypeScript 中,类是一种特殊的数据类型,它可以用来定义对象的属性和方法。它是面向对象编程的基础,可以帮助开发者更好地组织和管理代码。

定义一个类

在 TypeScript 中,可以使用 class 关键字来定义一个类,如下所示:

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

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

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

上述代码定义了一个 Person 类,它有两个属性 nameage,以及一个构造函数和一个方法 sayHello()

构造函数用来初始化对象的属性,它接受两个参数 nameage,并将它们分别赋值给对象的属性 nameage

方法 sayHello() 用来输出对象的属性 nameage

创建一个对象

在 TypeScript 中,可以使用 new 关键字来创建一个对象,如下所示:

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

上述代码创建了一个 Person 对象,它的属性 nameage 分别是 '张三'20。然后调用了对象的方法 sayHello(),输出了对象的属性 nameage

类的继承

在 TypeScript 中,可以使用 extends 关键字来实现类的继承,如下所示:

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

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

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

上述代码定义了一个 Student 类,它继承了 Person 类,并新增了一个属性 grade。它的构造函数接受三个参数 nameagegrade,并调用了父类的构造函数来初始化继承的属性 nameage

方法 sayHello() 被重写,输出了对象的属性 nameagegrade

总结

在 TypeScript 中,类是一种特殊的数据类型,它可以用来定义对象的属性和方法。可以使用 class 关键字来定义一个类,使用 new 关键字来创建一个对象。可以使用 extends 关键字来实现类的继承,重写父类的方法。类的使用可以帮助开发者更好地组织和管理代码,提高代码的可读性和可维护性。

完整示例代码如下:

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

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

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

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

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

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

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

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

来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/6636e20dd3423812e44fc2f8