Récapitulatif : Utiliser les énumérations
Fait partie de la section Introduction à TypeScript du Journey JavaScript de Coddy. Leçon 56 sur 73.
Défi
FacileCréez une énumération de chaînes nommée OrderStatus avec quatre membres :
Pendinginitialisé à"Pending"Shippedinitialisé à"Shipped"Deliveredinitialisé à"Delivered"Cancelledinitialisé à"Cancelled"
Créez une interface nommée Order avec les propriétés suivantes :
idde typenumbercustomerNamede typestringstatusde typeOrderStatus
Créez trois objets de commande à l'aide de l'interface Order :
order1avec l'identifiant1001, customerName"Alice Johnson"et le statutOrderStatus.Pendingorder2avec l'identifiant1002, customerName"Bob Smith"et le statutOrderStatus.Shippedorder3avec l'identifiant1003, customerName"Carol Davis"et le statutOrderStatus.Delivered
Créez une fonction nommée displayOrderInfo qui prend un paramètre :
orderde typeOrder
La fonction doit afficher un message au format suivant : "Order #[id] for [customerName] is [status]" et avoir un type de retour void.
Affichez les sorties suivantes :
- Appelez
displayOrderInfoavecorder1 - Appelez
displayOrderInfoavecorder2 - Appelez
displayOrderInfoavecorder3 - Affichez la valeur de
OrderStatus.Cancelled - Affichez la valeur de
order2.status
Essayez vous-même
// TODO: Écrivez votre code ici
// Créez l'énumération OrderStatus, l'interface Order, les objets de commande et la fonction displayOrderInfo
// Affichez les sorties requisesToutes 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ées
2Types 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ées8Énumérations
Qu'est-ce qu'une énumération numérique ?Utiliser les énumérations numériquesQu'est-ce qu'une énumération de chaînes ?Utiliser les énumérations de chaînesÉnumérations hétérogènesRécapitulatif : Utiliser les énumérations3Structure 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 : Playground TypeScript