TypeScript中的扩展类型（枚举）-JXin的博客

温馨提示

该文章距离上次更新已经过去了 1159 天，文章内容可能已经过时。

TypeScript中的扩展类型主要有：类型别名、枚举、接口、类

这里主要讲讲枚举，枚举主要是用于约束某个变量的取值范围

字面量和联合类型配合使用也可以达到同样的效果，但是存在问题

字面量类型的问题

在类型约束位置，会产生重复代码。可以使用类型别名解决该问题
例如：

let gender: "男" | "女";
gender = "男";
gender = "女";
function searchUsers(g: "男" | "女") {}

1
2
3
4

两个地方都使用了类型约束，这样产生了重复的代码，这时候可以使用类型别名来解决问题

type Gender = "男" | "女"
let gender: Gender;
gender = "男";
gender = "女";
function searchUsers(g: Gender) {}

1
2
3
4
5

逻辑含义和真实的值产生了混淆，会导致当修改真实值的时候，产生大量的修改
例如：

type Gender = "男" | "女"
gender = "男";
gender = "女";
// ...

1
2
3
4

之后有无数行代码使用了这个字面量类型“男”和“女”，如果有一天需要修改这个字面量类型，将“男”和“女”修改成“帅哥”和“美女”，那么就需要更改无数行的代码

字面量类型不会进入到编译结果

枚举

使用枚举就能很容易的解决以上字面量类型出现的问题

如何定义一个枚举

eumn 枚举名 {
	枚举字段1 = 值1,
	枚举字段2 = 值2,
	...
}

1
2
3
4
5

使用枚举解决以上的问题

enum Gender {
  male = "男",
  female = "女",
}

let gender: Gender;
gender = Gender.male;
gender = Gender.female;

console.log(gender);

1
2
3
4
5
6
7
8
9
10

枚举的逻辑含义和真实的值是分开的，所以即使修改了真实的值，对于整体的代码是没有影响的

枚举的规则

枚举的字段值可以是字符串或数字
数字枚举的值会自动自增

enum Level {
  level1,
  level2,
}

let level: Level;
level = Level.level1; // 0
level = Level.level2; // 1

1
2
3
4
5
6
7
8

如果没有给枚举字段赋值，那么默认就是数字类型，数字类型从0开始依次递增，如果有赋值则按赋值的来

enum Level {
  level1 = 10,
  level2 = 20,
}

let level: Level;
level = Level.level1; // 10
level = Level.level2; // 20

1
2
3
4
5
6
7
8

被数字枚举约束的变量，可以直接赋值为数字

enum Level {
  level1,
  level2,
}

let level: Level;
level = 1;
level = 2;

console.log(level); // 2

1
2
3
4
5
6
7
8
9
10

虽然可以直接赋值为数字，但是不建议这么做，因为这样又出现了前面字面量类型出现的问题，使用了真实的值

数字枚举的编译结果和字符串枚举有差异

总结

尽量不要在一个枚举中既出现字符串字段，又出现数字字段
使用枚举时，尽量使用枚举字段的名称，而不使用真实的值

位枚举（枚举的位运算）

位运算针对的是数字枚举

位运算：两个数字换算成二进制后进行的运算

例如：权限管理

enum Permission {
  Read = 1, // 0001
  Write = 2, // 0010
  Create = 4, // 0100
  Delete = 8, // 1000
}

// 1.组合权限
// 使用或运算
// 0001
// 或
// 0010
// = 0011

let p: Permission = Permission.Read | Permission.Write;
console.log(p); // 3

// 2.判断是否拥有某个权限
// 0011
// 且
// 0010
// 0010
function hasPermission(target: Permission, per: Permission) {
  return (target & per) === per;
}

console.log(hasPermission(p, Permission.Write)); // true

// 3.删除某个权限
// 0011
// 异或
// 0010
// 0001
p = p ^ Permission.Write;
console.log(hasPermission(p, Permission.Write)); // false

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35