前端 TS 快速入门之六：枚举 enum

yqcoder2023-10-25 16:07

1. 数字枚举

枚举类型的值是数字类型，因此它们被称为数字类型枚举，成员的值可以不用初始化，因为具有自增行为。

javascript 复制代码

// 默认自增
enum Person {
  name,
  age,
}
Person.name; // 0
Person.age; // 1

// 可人为自行修改
enum Person {
  name = 2,
  age = 1,
}
Person.name; // 2
Person.age; // 1

2. 数字枚举的反向映射

数字枚举成员还具有反向映射的特性，从枚举值到枚举名字，要注意的是不会为字符串枚举成员生成反向映射。

javascript 复制代码

enum Person {
  name,
  age,
}
Person; // { '0': 'name', '1': 'age', name: 0, age: 1 }
Person[1]; // age

enum Person {
  name = "名字",
  age = "年龄",
}
Person; // { name: '名字', age: '年龄' }

3. 字符串枚举

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

javascript 复制代码

enum Person {
  name = "名字",
  age = "年龄",
}
Person.name; // 名字
Person.age; // 年龄

4. 异构枚举

枚举可以混合字符串和数字成员，但一般没必要这么做。

javascript 复制代码

enum Person {
  name = 1,
  age = 2,
  man = "男",
  wuman = "女",
}
Person.name; // 1
Person.man; // 男

5. 常量枚举

用 const 修饰符来定义，常量枚举不同于常规的枚举，他们会在编译阶段被删除。

因此常量枚举会带来一个对性能的提升。

javascript 复制代码

const enum Size {
  WIDTH = 10,
  HEIGHT = 20,
}
const area = Size.WIDTH * Size.HEIGHT; // 200
Size; // 'const' enums can only be used in property or index access expressions or the right hand side of an import declaration or export assignment or type query

上一章：前端 TS 快速入门之五：泛型 T