• LayaBox---TypeScript---枚举


    目录

    1.数字枚举:

    2.字符串枚举

    3.异构枚举

    4.计算的和常量成员

    5.联合枚举与枚举成员的类型

    6.运行时的枚举

    7.反向映射

    8.const 枚举

    9.外部枚举


    使用枚举我们可以定义一些带名字的常量。

    使用枚举可以清晰地表达意图或创建一组有区别的用例。

    TypeScript支持数字的和基于字符串的枚举。

    1.数字枚举:

    默认起始值为0, 也可手动指定,如下例指定起始值为1

    1. enum Direction {
    2. Up = 1,
    3. Down,
    4. Left,
    5. Right
    6. }

    使用枚举:通过枚举的属性来访问枚举成员,和枚举的名字来访问枚举类型:

    1. enum Response {
    2. No = 0,
    3. Yes = 1,
    4. }
    5. function respond(recipient: string, message: Response): void {
    6. // ...
    7. }
    8. respond("Princess Caroline", Response.Yes)

    简短地说,不带初始化器的枚举或者被放在第一的位置,或者被放在使用了数字常量或其它常量初始化了的枚举后面。

    换句话说,下面的情况是不被允许的:

    1. enum E {
    2. A = getSomeValue(),
    3. B, // error! 'A' is not constant-initialized, so 'B' needs an initializer
    4. }

    2.字符串枚举

    在一个字符串枚举里,每个成员都必须用字符串字面量,或另外一个字符串枚举成员进行初始化。

    1. enum Direction {
    2. Up = "UP",
    3. Down = "DOWN",
    4. Left = "LEFT",
    5. Right = "RIGHT",
    6. }

    由于字符串枚举没有自增长的行为,字符串枚举可以很好的序列化。

    3.异构枚举

    从技术的角度来说,枚举可以混合字符串和数字成员。

    除非你真的想要利用JavaScript运行时的行为,否则不建议这么做。

    1. enum BooleanLikeHeterogeneousEnum {
    2. No = 0,
    3. Yes = "YES",
    4. }

    4.计算的和常量成员

    每个枚举成员都带有一个值,它可以是 常量或 计算出来的

    当满足如下条件时,枚举成员被当作是常量:

    1. 它是枚举的第一个成员且没有初始化器,这种情况下它被赋予值 0
    2. enum E { X }
    3. //----------------------------------------------------
    4. 它不带有初始化器且它之前的枚举成员是一个 数字常量。 这种情况下,
    5. 当前枚举成员的值为它上一个枚举成员的值加1
    6. // All enum members in 'E1' and 'E2' are constant.
    7. enum E1 { X, Y, Z }
    8. enum E2 {
    9. A = 1, B, C
    10. }
    • 枚举成员使用 常量枚举表达式初始化。 常数枚举表达式是TypeScript表达式的子集,它可以在编译阶段求值。 当一个表达式满足下面条件之一时,它就是一个常量枚举表达式:

      1.一个枚举表达式字面量(主要是字符串字面量或数字字面量)
    • 2.一个对之前定义的常量枚举成员的引用(可以是在不同的枚举类型中定义的)
    • 3.带括号的常量枚举表达式
    • 4.一元运算符 +-~其中之一应用在了常量枚举表达式
    • 5.常量枚举表达式做为二元运算符 +-*/%<<>>>>>&|^的操作对象。 若常数枚举表达式求值后为 NaN或 Infinity,则会在编译阶段报错。
    1. 所有其它情况的枚举成员被当作是需要计算得出的值。
    2. enum FileAccess {
    3. // constant members
    4. None,
    5. Read = 1 << 1,
    6. Write = 1 << 2,
    7. ReadWrite = Read | Write,
    8. // computed member
    9. G = "123".length
    10. }

    5.联合枚举与枚举成员的类型

    存在一种特殊的非计算的常量枚举成员的子集:字面量枚举成员。

    字面量枚举成员是指不带有初始值的常量枚举成员,或者是值被初始化为

    • 任何字符串字面量(例如: "foo", "bar", "baz"
    • 任何数字字面量(例如: 1100
    • 应用了一元 -符号的数字字面量(例如: -1-100

    当所有枚举成员都拥有字面量枚举值时,它就带有了一种特殊的语义。

    1. 1,枚举成员成为了类型! 例如,我们可以说某些成员 只能是枚举成员的值:
    2. enum ShapeKind {
    3. Circle,
    4. Square,
    5. }
    6. interface Circle {
    7. kind: ShapeKind.Circle;
    8. radius: number;
    9. }
    10. interface Square {
    11. kind: ShapeKind.Square;
    12. sideLength: number;
    13. }
    14. let c: Circle = {
    15. kind: ShapeKind.Square,
    16. // ~~~~~~~~~~~~~~~~ Error!
    17. radius: 100,
    18. }
    19. //----------------------------------------------------------------
    20. 2.是枚举类型本身变成了每个枚举成员的 联合。
    21. enum E {
    22. Foo,
    23. Bar,
    24. }
    25. function f(x: E) {
    26. if (x !== E.Foo || x !== E.Bar) {
    27. // ~~~~~~~~~~~
    28. // Error! Operator '!==' cannot be applied to types 'E.Foo' and 'E.Bar'.
    29. }
    30. }

    这个例子里,我们先检查 x是否不是 E.Foo。 如果通过了这个检查,然后 ||会发生短路效果, if语句体里的内容会被执行。 然而,这个检查没有通过,那么 x则 只能为 E.Foo,因此没理由再去检查它是否为 E.Bar

    6.运行时的枚举

    枚举是在运行时真正存在的对象。 例如下面的枚举:

    1. enum E {
    2. X, Y, Z
    3. }
    4. function f(obj: { X: number }) {
    5. return obj.X;
    6. }
    7. // Works, since 'E' has a property named 'X' which is a number.
    8. f(E);

    7.反向映射

    除了创建一个以属性名做为对象成员的对象之外,数字枚举成员还具有了 反向映射,从枚举值到枚举名字。

    1. enum Enum {
    2. A
    3. }
    4. let a = Enum.A;
    5. let nameOfA = Enum[a]; // "A"
    6. //TypeScript可能会将这段代码编译为下面的JavaScript:
    7. var Enum;
    8. (function (Enum) {
    9. Enum[Enum["A"] = 0] = "A";
    10. })(Enum || (Enum = {}));
    11. var a = Enum.A;
    12. var nameOfA = Enum[a]; // "A"

    生成的代码中,枚举类型被编译成一个对象,它包含了正向映射( name -> value)和反向映射( value -> name)。 引用枚举成员总会生成为对属性访问并且永远也不会内联代码。

    ⚠️注意: 不会为字符串枚举成员生成反向映射。

    8.const 枚举

    为了避免在额外生成的代码上的开销和额外的非直接的对枚举成员的访问,我们可以使用 const枚举。

    1. const enum Enum {
    2. A = 1,
    3. B = A * 2
    4. }

    常量枚举只能使用常量枚举表达式,并且不同于常规的枚举,它们在编译阶段会被删除。 常量枚举成员在使用的地方会被内联进来。 之所以可以这么做是因为,常量枚举不允许包含计算成员。

    1. const enum Directions {
    2. Up,
    3. Down,
    4. Left,
    5. Right
    6. }
    7. let directions = [Directions.Up, Directions.Down, Directions.Left, Directions.Right]
    8. 生成后的代码为:
    9. var directions = [0 /* Up */, 1 /* Down */, 2 /* Left */, 3 /* Right */];

    9.外部枚举

    外部枚举(declare)用来描述已经存在的枚举类型的形状。

    1. declare enum Enum {
    2. A = 1,
    3. B,
    4. C = 2
    5. }

    外部枚举和非外部枚举之间有一个重要的区别:

    正常的枚举: 没有初始化方法的成员被当成常数成员。

    非常数的外部枚举: 没有初始化方法时被当做需要经过计算的。

  • 相关阅读:
    springboot集成MyBatisPlus、自定义xml、打印SQL
    工具及方法 - 在Source Insight中使用代码格式化工具
    Window.onload事件绑定
    【React入门实战】实现Todo代办
    产品生命周期有哪些
    WPF 入门笔记 - 04 - 数据绑定
    以太网 TCP协议(TCP交互过程中出现丢包时的解决机制-列举部分)
    Java异常处理
    猿创征文|风起YuKon(禹贡)-空间数据库结缘数字孪生和实景三维建设
    JS逆向——建筑市场监管公共服务平台
  • 原文地址:https://blog.csdn.net/lalate/article/details/126058495