typescript 字符串枚举的正确姿势：联合(Union)

    字符串枚举的三种姿势：常量、枚举、联合，推荐用联合。

  常量方式

    在老的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';

    这么好的东西建议大家多多用啊。