• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • 枚举类型

    使用枚举我们可以定义一些带名字的常量。使用枚举可以清晰地表达意图或创建一组有区别的用例。TypeScript 支持数字的和基于字符串的枚举。

    数字枚举

    首先我们看看数字枚举,如果你使用过其它编程语言应该会很熟悉。使用enum关键字定义枚举。

    enum Direction {
      Up = 1,
      Down,
      Left,
      Right,
    }
    

    如上,我们定义了一个数字枚举,Up使用初始化为1。其余的成员会从1开始自动增长。

    • Direction.Up的值为1
    • Down2
    • Left3
    • Right4


    我们还可以完全不使用初始化器:

    enum Direction {
      Up,
      Down,
      Left,
      Right,
    }
    

    现在,Up的值为0。其余的成员会从0开始自动增长。

    • Direction.Up的值为0
    • Down1
    • Left2
    • Right3


    当我们不在乎成员的值的时候,这种自增长的行为是很有用处的,但是要注意每个枚举成员的值都是不同的。


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

    enum UserResponse {
      No = 0,
      Yes = 1,
    }
     
    function respond(recipient: string, message: UserResponse): void {
      // ...
    }
     
    respond("Princess Caroline", UserResponse.Yes);
    


    数值枚举可以混入计算成员和常量成员中。简短地说,没有初始化器的成员要么在首位,要么必须在用数值常量或其他常量枚举成员初始化的数值枚举之后。换句话说,下面的情况是不被允许的:

    enum E {
        A = getSomeValue(),
        B, // Error! Enum member must have initializer.
    }
    


    计算的和常量成员

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

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

    第一:它是枚举的第一个成员且没有初始化器,这种情况下它被赋予值0

    // E.X is constant:
    enum E {
      X,
    }
    

    第二:它没有设置初始值,而它前面的枚举成员是一个数值常量。这种情况下,当前枚举成员的值为它上一个枚举成员的值加 1。

    // All enum members in 'E1' and 'E2' are constant.
     
    enum E1 {
      X, // E.X=0
      Y, // E.Y=1
      Z, // E.Z=2
    }
     
    enum E2 {
      A = 1, // E.A=1
      B, // E.B=2
      C, // E.C=3
    }
    

    第三:枚举成员使用常量枚举表达式初始化。常量枚举表达式是 TypeScript 表达式的子集,它可以在编译阶段求值。

    当一个表达式满足下面条件之一时,它就是一个常量枚举表达式:

    • 一个枚举表达式字面量(主要是字符串字面量或数字字面量)
    • 一个对之前定义的常量枚举成员的引用(可以是在不同的枚举类型中定义的)
    • 带括号的常量枚举表达式
    • 一元运算符+,-,~其中之一应用在了常量枚举表达式
    • 常量枚举表达式做为二元运算符+,-,*,/,%,<<,>>,>>>,&,|,^的操作对象。

    若常量枚举表达式求值后为NaNInfinity,则会在编译阶段报错。


    所有其它情况的枚举成员被当作是需要计算得出的值。

    enum FileAccess {
        // constant members
        None,
        Read    = 1 << 1,
        Write   = 1 << 2,
        ReadWrite  = Read | Write,
        // computed member
        G = "123".length
    }
    


    字符串枚举

    字符串枚举的概念很简单,但是有细微的运行时的差别。在一个字符串枚举里,每个成员都必须用字符串字面量,或另外一个字符串枚举成员进行初始化。

    enum Direction {
      Up = "UP",
      Down = "DOWN",
      Left = "LEFT",
      Right = "RIGHT",
    }
    

    由于字符串枚举没有自增长的行为,字符串枚举可以很好的序列化。换句话说,如果你正在调试并且必须要读一个数字枚举的运行时的值,这个值通常是很难读的-它并不能表达有用的信息(尽管反向映射会有所帮助),字符串枚举允许你提供一个运行时有意义的并且可读的值,独立于枚举成员的名字。


    异构枚举(Heterogeneous enums)

    从技术的角度来说,枚举可以混合字符串和数字成员,但是似乎你并不会这么做:

    enum BooleanLikeHeterogeneousEnum {
        No = 0,
        Yes = "YES",
    }
    

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


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

    存在一种特殊的非计算的常量枚举成员的子集:字面量枚举成员。字面量枚举成员是指不带有初始值的常量枚举成员,或者是值被初始化为

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

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

    首先,枚举成员成为了类型!例如,我们可以说某些成员只能是枚举成员的值:

    enum ShapeKind {
        Circle,  // ShapeKind.Circle = 0
        Square,  // ShapeKind.Square = 1
    }
    
    interface Circle {
        kind: ShapeKind.Circle;
        radius: number;
    }
    
    interface Square {
        kind: ShapeKind.Square;
        sideLength: number;
    }
    
    let c: Circle = {
        kind: ShapeKind.Square, // Error! Type 'ShapeKind.Square' is not assignable to type 'ShapeKind.Circle'.
        radius: 100,
    }
    

    另一个变化是枚举类型本身变成了每个枚举成员的联合。虽然我们还没有讨论联合类型,但你只要知道通过联合枚举,类型系统能够利用这样一个事实,它可以知道枚举里的值的集合。因此,TypeScript 能够捕获在比较值的时候犯的愚蠢的错误。例如:

    enum E {
        Foo,
        Bar,
    }
    
    function f(x: E) {
        if (x !== E.Foo || x !== E.Bar) {
            //             ~~~~~~~~~~~
            // Error! This condition will always return 'true' since the types 'E.Foo' and 'E.Bar' have no overlap.
        }
    }
    

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


    运行时的枚举

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

    enum E {
      X,
      Y,
      Z,
    }
    

    可以传递给函数

    enum E {
      X,
      Y,
      Z,
    }
     
    function f(obj: { X: number }) {
      return obj.X;
    }
     
    // Works, since 'E' has a property named 'X' which is a number.
    f(E);
    


    编译时的枚举

    尽管一个枚举是在运行时真正存在的对象,但keyof关键字的行为与其作用在对象上时有所不同。应该使用keyof typeof来获取一个表示枚举里所有字符串key的类型。

    enum LogLevel {
      ERROR,
      WARN,
      INFO,
      DEBUG,
    }
    
    /**
     * 等同于:
     * type LogLevelStrings = 'ERROR' | 'WARN' | 'INFO' | 'DEBUG';
     */
    type LogLevelStrings = keyof typeof LogLevel;
    
    
    function printImportant(key: LogLevelStrings, message: string) {
        const num = LogLevel[key];
        if (num <= LogLevel.WARN) {
           console.log('Log level key is: ', key);
           console.log('Log level value is: ', num);
           console.log('Log level message is: ', message);
        }
    }
    printImportant('ERROR', 'This is a message');
    


    反向映射

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

    enum Enum {
      A,
    }
    
    let a = Enum.A;
    let nameOfA = Enum[a]; // "A"
    

    TypeScript 可能会将这段代码编译为下面的 JavaScript:

    var Enum;
    (function (Enum) {
        Enum[Enum["A"] = 0] = "A";
    })(Enum || (Enum = {}));
    var a = Enum.A;
    var nameOfA = Enum[a]; // "A"
    

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

    要注意的是不会为字符串枚举成员生成反向映射。


    const 枚举

    大多数情况下,枚举是十分有效的方案。然而在某些情况下需求很严格。为了避免在额外生成的代码上的开销和额外的非直接的对枚举成员的访问,我们可以使用const枚举。常量枚举通过在枚举上使用const修饰符来定义。

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

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

    const enum Direction {
      Up,
      Down,
      Left,
      Right,
    }
     
    let directions = [
      Direction.Up,
      Direction.Down,
      Direction.Left,
      Direction.Right,
    ];
    

    生成后的代码为:

    "use strict";
    let directions = [
        0, /* Direction.Up */
        1, /* Direction.Down */
        2, /* Direction.Left */
        3, /* Direction.Right */
    ];
     
    


    外部枚举

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

    declare enum Enum {
        A = 1,
        B,
        C = 2
    }
    

    外部枚举和非外部枚举之间有一个重要的区别,在正常的枚举里,没有初始化方法的成员被当成常量成员。对于非常量的外部枚举而言,没有初始化方法时被当做需要经过计算的。

    上篇:声明合并

    下篇:Symbols 类型