[筆記] TypeScript 使用 enum 生成的 Type，搭配 enum 一同使用 @地瓜大的飛翔旅程

章節連結

內容

接續著前篇 [筆記] TypeScript enum 列舉搭配 Vue3 使用的注意事項，若你用 enum 生成的 Type 放入型別宣告檔時，你會需要注意一個小細節，以免你後續報錯 debug 許久。

內容

由於使用 enum 所產生的 Type 進行型別宣告，所以在填寫變數時，一定要從 enum 生成的結果填寫。這樣在編譯成 JS 時可以正常運行，同時也能通過 TS 的型別檢查。

export enum BaseSelectFilterMethod {
  BY_VALUE = "byValue",
  BY_BOTH = "byBoth",
}

export type BaseSelectFilterMethodType = typeof BaseSelectFilterMethod[keyof typeof BaseSelectFilterMethod]

// 使用時
BaseSelectFilterMethod.BY_VALUE // OK
"byValue" // error

export enum BaseSelectFilterMethod {

BY_VALUE = "byValue",

BY_BOTH = "byBoth",

}

export type BaseSelectFilterMethodType = typeof BaseSelectFilterMethod[keyof typeof BaseSelectFilterMethod]

// 使用時

BaseSelectFilterMethod.BY_VALUE // OK

"byValue" // error

按讚加入粉絲團

內容

延伸閱讀