Les types d'union sont une fonctionnalité très intéressante de Typescript qui mérite d'être plus largement utilisée. Dans cet article, je vais souligner quelques choses intéressantes que nous pouvons faire avec les types d'union.

1. Remplacer les énumérations

Les énumérations sont idéales pour créer des types qui enveloppent une liste de constantes, comme la liste de couleurs suivante :

export enum Color {RED, BLUE, WHITE}

export enum Color {RED = ‘red’, BLUE = ‘blue’, WHITE = ‘white’}

Au lieu de cela, nous pourrions utiliser des types d'union et obtenir des avantages similaires de manière beaucoup plus courte :

export type Color = 'red' | 'white' | 'blue';

const myColor: Color = 'red';
myColor.toUpperCase();

      

Les types d'union fonctionnent également avec undefined , ce qui signifie que nous pouvons faire quelque chose comme ceci :

let user: User | undefined;

export type Optional<T> = T | undefined;
let user: Optional<User>;

Cette approche est recommandée si vous utilisez NgRx avec Angular. Dans le code ci-dessus, nous définissons que AuthAction peut être l'un des types suivants :

export type AuthAction = LoginAction
                          | LoginSuccessfulAction
                          | LoginErrorAction
                          | LogoutAction
                          | LogoutSuccesfulAction;

Connaissez-vous une autre utilisation intelligente des types d'union ? N'hésitez pas à me le faire savoir dans la section des commentaires. Merci!

Je m'appelle Alain Chautard . Je suis un expert développeur Google en Angular, ainsi que consultant fondateur et formateur chez Angular Training où j'aide les équipes de développement Web à apprendre et à maîtriser Angular.

Si cet article vous a plu, n'hésitez pas à l'applaudir ou à le partager. Votre aide est toujours appréciée.