字符串枚举的三种姿势:常量、枚举、联合,推荐用联合。
常量方式
在老的javascript代码中,有一个constants.js专门用来定义常量,里面有大量的常量字符串(例如):
//DIERECTION
DIRECTION_NORTH='north';
DIRECTION_SOUTH='south';
DIRECTION_EAST='east';
DIRECTION_WEST='west';
//ALIGN
ALIGN_MIDDLE='middle';
...
枚举方式
在typescript中,我的第一反映是定义枚举enum,使constants.js中同类常量能够封装在一起,形如:
export enum Direction{
NORTH='north',
SOUTH='south',
EAST ='east',
WEST ='west'
}
export enum Align{
MIDDLE='middle',
...
}
联合方式
枚举方式看上去封装比constants好了,但还是很冗余,一个大的枚举定义下来,大写的英文字符也敲得手酸,今天新学了一招:联合Union。虽然在函数参数中也用Union来限定参数类型,但头一次用来替代枚举,真是简洁明快。
export type Direction='north'|'south'|'east'|'west';
export type Align='middle'|...
调用比较
常量方式因为要通过前缀进行分组,再加上常量的类名,因此最长;枚举方式要加上枚举类名,长度次之,联合方式看上去就是字符串本身,长度最短,但却是强类型的,在vscode中有智能提示。
//常量方式
let v = constants.DIRECTION_NORTH;
//枚举方式
let v = Direction.NORTH;
//联合方式
let v:Direction = 'north';
这么好的东西建议大家多多用啊。