TypeScript 中的枚举 (Enum) 详解

阅读时长 4 分钟读完

在 TypeScript 中,枚举 (Enum) 是一种数据类型,用于定义一组具有有限数量的命名值的集合。枚举类型在编程中非常常用,可以使代码更加清晰易懂,代码重用性更高。

枚举的基础语法

在 TypeScript 中,枚举定义使用 enum 关键字,以下是一个简单的示例:

可以看到,这是一个名为 Direction 的枚举类型,它有四个成员,分别是 UpDownLeftRight。这些成员默认是从 0 开始自动编号的。

我们可以通过以下方式使用枚举:

上述代码设置变量 direction 的值为 Direction.Right,并将其输出到控制台。由于 Direction.Right 的值是 3,所以输出结果为 3。

枚举成员的赋值

在默认情况下,枚举成员的值从 0 开始自动递增。但是,我们也可以手动为枚举成员赋值。例如:

上述代码中,我们显式地给 Up 赋值为 1,那么接下来的成员默认递增的值就从 2 开始了。这意味着 Direction.Down 的值是 2,Direction.Left 的值是 3,Direction.Right 的值是 4。

我们也可以给每个成员都手动赋值。例如:

枚举成员的反向映射

在 TypeScript 中,枚举成员可以通过值来访问,也可以通过名称来访问。枚举成员的名称可以视为属性名,其值可以视为属性值。

枚举成员的反向映射是指,通过枚举值可以得到枚举名称,例如:

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

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

上述代码中,用枚举的值作为索引,就可以得到对应的名称。

枚举类型的使用场景

在实际开发中,枚举类型可以用于很多场景。

方向控制

在游戏或者动画编程中,我们通常需要控制对象的方向。这时候,枚举类型就能派上用场。例如:

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

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

上述代码中,我们定义了一个 Player 类,其中有一个 direction 属性,它的类型是 Direction。这样,我们就可以非常方便地控制玩家的朝向了。

网络请求的状态

在实际开发中,前端会经常对接后端的接口,而网络请求的状态通常有四种,即请求中、请求成功、请求失败、请求超时等。这时候,枚举类型也能派上用场。例如:

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

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

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

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

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

上述代码中,我们定义了一个 RequestStatus 类型的枚举,用于标识网络请求的不同状态。在 getData 函数中,我们设置了一个变量 status 的初始值为 RequestStatus.Pending,即请求中的状态。随着请求的不同阶段,我们可以将 status 的值修改为其他状态。最后,我们还可以根据不同的状态,输出不同的信息。

总结

本文对 TypeScript 中的枚举类型进行了详细的讲解。枚举类型在编程中非常常用,能够使代码更加清晰易懂,代码重用性更高。如果您还没有学习 TypeScript 中的枚举类型,希望本文可以对您有所帮助。

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

纠错
反馈