Menu
Coddy logo textTech

Alias de types pour les primitifs

Fait partie de la section Introduction à TypeScript du Journey JavaScript de Coddy. Leçon 30 sur 73.

Le mot-clé type de TypeScript vous permet de créer un alias de type - essentiellement un nom personnalisé pour n'importe quel type existant, y compris les types primitifs et leurs combinaisons.

La syntaxe est simple : vous utilisez le mot-clé type suivi du nom de votre choix, d'un signe égal et du type pour lequel vous souhaitez créer un alias :

type UserID = string | number;
type Score = number;
type IsActive = boolean;

Une fois que vous avez créé un alias de type, vous pouvez l'utiliser partout où vous utiliseriez le type original. Cela est particulièrement précieux lors de l'utilisation de types d'union, car cela rend votre code plus lisible et auto-documenté :

type UserID = string | number;

let currentUser: UserID = "user123";
let adminUser: UserID = 42;

Les alias de type ne créent pas de nouveaux types - ils fournissent simplement des noms alternatifs pour ceux qui existent déjà. Cela signifie que UserID et string | number sont complètement interchangeables, mais l'utilisation de l'alias rend l'intention de votre code beaucoup plus claire pour les autres développeurs.

challenge icon

Défi

Facile

Créez un alias de type nommé UserID pour un type union qui peut être soit un string, soit un number.

Créez un alias de type nommé Priority pour un type union qui peut être soit un string, soit un boolean.

Créez un alias de type nommé Status pour le type string.

Maintenant, déclarez les variables suivantes en utilisant vos alias de type :

  • Déclarez une variable nommée currentUser de type UserID et assignez-lui la valeur de chaîne "admin123"
  • Déclarez une variable nommée guestUser de type UserID et assignez-lui la valeur numérique 42
  • Déclarez une variable nommée taskPriority de type Priority et assignez-lui la valeur de chaîne "high"
  • Déclarez une variable nommée isUrgent de type Priority et assignez-lui la valeur booléenne true
  • Déclarez une variable nommée orderStatus de type Status et assignez-lui la valeur de chaîne "pending"

Affichez la valeur de chaque variable sur une ligne distincte dans l'ordre où elles ont été déclarées ci-dessus.

Essayez vous-même

// À FAIRE : Écrivez votre code ici
// Créer des alias de type pour UserID, Priority et Status
// Ensuite, déclarez les variables et attribuez les valeurs spécifiées

// Afficher la valeur de chaque variable
quiz iconTestez-vous

Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.

Toutes les leçons de Introduction à TypeScript

Entraînez-vous par vous-même : Compilateur JavaScript en ligne