Menu
Coddy logo textTech
COMMENCER À APPRENDRE
flag Fr iconFrançaisdown icon

Énumérations hétérogènes

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

TypeScript prend également en charge les énumérations hétérogènes : des énumérations qui contiennent un mélange de membres à la fois chaîne et numériques au sein de la même déclaration.

Voici comment créer une énumération hétérogène :

enum MixedEnum {
  No = 0,
  Yes = "YES",
  Maybe = 1
}

Dans cet exemple, No et Maybe sont des membres numériques, tandis que Yes est un membre de type chaîne. TypeScript permet cette flexibilité, bien qu’il soit important de noter que les énumérations hétérogènes sont rarement utilisées en pratique.

challenge icon

Défi

Facile

Créez une énumération hétérogène nommée ResponseCode qui mélange des valeurs de type chaîne et numériques :

  • Success initialisé à 200
  • Error initialisé à "ERROR"
  • NotFound initialisé à 404
  • Timeout initialisé à "TIMEOUT"

Créez une fonction nommée handleResponse qui accepte un paramètre :

  • code de type ResponseCode

La fonction doit :

  • Vérifier le code de réponse et afficher différents messages en fonction de sa valeur
  • Si le code est ResponseCode.Success, afficher "Request successful"
  • Si le code est ResponseCode.Error, afficher "General error occurred"
  • Si le code est ResponseCode.NotFound, afficher "Resource not found"
  • Si le code est ResponseCode.Timeout, afficher "Request timed out"
  • Avoir un type de retour void

Créez quatre variables pour illustrer les valeurs de l’énumération :

  • successCode de type ResponseCode et affectez-lui ResponseCode.Success
  • errorCode de type ResponseCode et affectez-lui ResponseCode.Error
  • notFoundCode de type ResponseCode et affectez-lui ResponseCode.NotFound
  • timeoutCode de type ResponseCode et affectez-lui ResponseCode.Timeout

Affichez les résultats suivants :

  • Afficher la valeur de successCode
  • Afficher la valeur de errorCode
  • Afficher la valeur de notFoundCode
  • Afficher la valeur de timeoutCode
  • Appeler handleResponse avec ResponseCode.Success
  • Appeler handleResponse avec errorCode
  • Appeler handleResponse avec la valeur numérique 404

Essayez vous-même

// TODO: Écrivez votre code ici

// Créez l'enum ResponseCode


// Créez la fonction handleResponse


// Créez les variables de démonstration


// Affichez les sorties requises
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

1Premiers pas avec TS

Qu'est-ce que TypeScript ?Pourquoi utiliser TypeScript ?Votre premier code TypeScriptProcessus de compilation et erreursRécapitulatif : Introduction à TS

4Travailler 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

7Projet : Une liste de tâches simple

Projet : Définir la struct TaskFonction pour ajouter une tâcheLeçon de projetFonction pour modifier le statut d'une tâcheLeçon de projetFonction : Lister les tâches par statutLeçon de projetFonction : Afficher le résumé des tâchesLeçon de projetAssembler le toutLeçon de projet

10Projet : Gestion d'inventaire

Projet : Article d'inventaire génériqueFonction : Ajouter des articles à l'inventaireLeçon de projetFonction pour trouver un article par IDLeçon de projetCréer un type d'inventaire spécifiqueLeçon de projetFonction pour obtenir les détails de l'articleLeçon de projet

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 fondamentaux

5Types : 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ées

8É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érations

11Sujets avancés

Assertions de typeType Guards : in & instanceofLe type 'never'Types nullables ('strictNull')Signatures d'index pour les objetsRécapitulatif : Affiner les types

3Structure 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 tuples

6Typage 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 objets

9Les génériques : un premier aperçu

Le problème résolu par les génériquesCréer une fonction d'identité génériqueUtiliser une fonction génériqueTableaux génériquesInterfaces génériquesRécapitulatif : Pratique des fonctions génériques

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