Lưu lượng: Tự động tạo các loại liên kết chuỗi?

Question

Giả sử tôi có loại luồng Suit và tôi muốn soạn nó thành một loại khác có tên là Card.

// types.js 

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


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

Thay vì cứng mã hóa trong các dây Suit trực tiếp trong suit.js, là nó có thể tự động tạo ra các loại Suit dựa trên JavaScript nguyên thủy (mảng)? Nói ...

// constants.js 

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

Cách này có thể được định nghĩa chỉ một lần và bên trong cấu trúc JavaScript sẽ được sử dụng lại trong các phần khác của ứng dụng. Ví dụ, một thành phần khác trong ứng dụng mà cần truy cập vào tất cả các quần áo có sẵn:

// component.js 

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

Answer 1

này là trong thực tế có thể sử dụng các loại tiện ích $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 

Lưu ý rằng ví dụ này, các giá trị trong SUITS không thực sự quan trọng, luồng sẽ xem xét các khóa trong SUITS. type Suit sẽ giống như loại công đoàn type Suit = 'Diamonds' | 'Clubs' | ...