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';

    這麼好的東西建議大家多多用啊。