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.
Défi
FacileCré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
currentUserde typeUserIDet assignez-lui la valeur de chaîne"admin123" - Déclarez une variable nommée
guestUserde typeUserIDet assignez-lui la valeur numérique42 - Déclarez une variable nommée
taskPriorityde typePriorityet assignez-lui la valeur de chaîne"high" - Déclarez une variable nommée
isUrgentde typePriorityet assignez-lui la valeur booléennetrue - Déclarez une variable nommée
orderStatusde typeStatuset 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 variableCette 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
1Premiers pas avec TS
Qu'est-ce que TypeScript ?Pourquoi utiliser TypeScript ?Votre premier code TypeScriptProcessus de compilation et erreursRécapitulatif : Introduction à TS4Travailler avec les fonctions
Typage des paramètres et valeurs de retourTypage des fonctions fléchéesLe type de retour 'void'Paramètres optionnels avec '?'Valeurs par défaut des paramètresTypage des paramètres RestDéfinir des types de fonctionsRécapitulatif : Créer des fonctions typées2Types fondamentaux
Types de base : str, num, booleanLe type 'any' : la porte de sortieLe type 'unknown'Travailler avec 'null' et 'undef'L'inférence de type en actionAnnotations de type explicitesRécapitulatif : Pratique des types fondamentaux5Types : Alias, Unions & Intersections
Alias de types pour les primitifsTypes d'union ('|')Travailler avec les types d'unionTypes littérauxTypes d'intersection ('&')Combiner des alias de typesRécapitulatif : Combinaisons de types avancées3Structure de données : Tableaux et Tuples
Tableaux typésModificateur 'readonly' pour les tableauxQu'est-ce qu'un tuple ?Déclaration et accès aux tuplesDéstructuration de tuplesTuples readonlyTableaux typés multidimensionnelsSpread operator avec les tableauxRécapitulatif : Tableaux et tuples6Typage des objets et interfaces
Annotations de type d'objet en ligneAlias de type pour les objetsIntroduction aux interfacesInterfaces vs Alias de typePropriétés optionnelles et ReadonlyÉtendre les interfaces et les typesAjout de méthodes aux interfacesRécapitulatif : Définir la structure des objetsEntraînez-vous par vous-même : Compilateur JavaScript en ligne