流程：动态生成字符串联合类型？

Question

假设我有一个流类型Suit，我想将它组合成另一种称为Card 的类型。

// types.js

type Suit =
  | "Diamonds"
  | "Clubs"
  | "Hearts"
  | "Spades";


type Card = {
  ...
  suit: Suit,
  ...
}

不是直接在 suit.js 中硬编码 Suit 字符串，是否可以基于 JavaScript 原语（数组）动态生成 Suit 类型？说...

// constants.js

const SUITS = ['Diamonds', 'Clubs', 'Hearts', 'Spades'];

这样，套装可以只定义一次，并在一个 JavaScript 构造中，以便在应用程序的其他部分重复使用。例如，应用程序中其他地方的组件需要访问所有可用的套装：

// component.js

SUITS.map((suit: Suit): void => { ... });

Answer 1

这实际上可以使用实用程序类型$Keys：

const SUITS = {
    Diamonds: 'Diamonds',
    Clubs: 'Clubs',
    Hearts: 'Hearts',
    Spades: 'Spades',
};

type Suit = $Keys<typeof SUITS>

const suit1 : Suit = 'Diamonds'; // OK
const suit2 : Suit = 'Foo'; // Type error

请注意，对于此示例，SUITS 中的值实际上并不重要，流程将查看 SUITS 中的键。 type Suit 将类似于联合类型 type Suit = 'Diamonds' | 'Clubs' | ...