Heterogene Enums
Teil des Abschnitts Einführung in TypeScript der JavaScript-Journey von Coddy. Lektion 55 von 73.
TypeScript unterstützt auch heterogene Enums – Enums, die innerhalb derselben Deklaration eine Mischung aus String- und numerischen Mitgliedern enthalten.
So kannst du ein heterogenes Enum erstellen:
enum MixedEnum {
No = 0,
Yes = "YES",
Maybe = 1
}In diesem Beispiel sind No und Maybe numerische Elemente, während Yes ein Zeichenfolgenelement ist. TypeScript erlaubt diese Flexibilität, allerdings ist es wichtig zu beachten, dass heterogene Enumerationen in der Praxis selten verwendet werden.
Aufgabe
EinfachErstelle ein heterogenes Enum namens ResponseCode, das Zeichenfolgen- und numerische Werte kombiniert:
Success, initialisiert mit200Error, initialisiert mit"ERROR"NotFound, initialisiert mit404Timeout, initialisiert mit"TIMEOUT"
Erstelle eine Funktion namens handleResponse, die einen Parameter entgegennimmt:
codevom TypResponseCode
Die Funktion soll:
- Den Antwortcode überprüfen und abhängig vom Wert unterschiedliche Nachrichten ausgeben
- Wenn der Code
ResponseCode.Successist,"Request successful"ausgeben - Wenn der Code
ResponseCode.Errorist,"General error occurred"ausgeben - Wenn der Code
ResponseCode.NotFoundist,"Resource not found"ausgeben - Wenn der Code
ResponseCode.Timeoutist,"Request timed out"ausgeben - Den Rückgabetyp
voidhaben
Erstelle vier Variablen, um die Enum-Werte zu demonstrieren:
successCodevom TypResponseCodeund weise ihmResponseCode.SuccesszuerrorCodevom TypResponseCodeund weise ihmResponseCode.ErrorzunotFoundCodevom TypResponseCodeund weise ihmResponseCode.NotFoundzutimeoutCodevom TypResponseCodeund weise ihmResponseCode.Timeoutzu
Gib die folgenden Ausgaben aus:
- Gib den Wert von
successCodeaus - Gib den Wert von
errorCodeaus - Gib den Wert von
notFoundCodeaus - Gib den Wert von
timeoutCodeaus - Rufe
handleResponsemitResponseCode.Successauf - Rufe
handleResponsemiterrorCodeauf - Rufe
handleResponsemit dem numerischen Wert404auf
Probier es selbst
// TODO: Schreibe deinen Code hier
// Erstelle die ResponseCode enum
// Erstelle die handleResponse function
// Erstelle die Demonstrationsvariablen
// Gib die erforderlichen Ausgaben ausDiese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.
Alle Lektionen in Einführung in TypeScript
1Erste Schritte mit TS
Was ist TypeScript?Warum TypeScript verwenden?Dein erster TypeScript-CodeKompilierungsprozess & FehlerZusammenfassung: Einführung in TS4Arbeiten mit Funktionen
Typisierung von Parametern & RückgabewertenTypisierung von Arrow-FunktionenDer Rückgabetyp 'void'Optionale Parameter mit '?'Standard-ParameterwerteTypisierung von Rest-ParameternDefinieren von FunktionstypenZusammenfassung: Typisierte Funktionen erstellen2Basis-Typen
Basis-Typen: str, num, booleanDer 'any'-Typ: Der NotausgangDer 'unknown'-TypArbeiten mit 'null' & 'undef'Typinferenz in der PraxisExplizite Typ-AnnotationenZusammenfassung: Übung zu Basis-Typen5Typen: Aliase, Unions & Intersections
Typ-Aliase für primitive DatentypenUnion-Typen ('|')Arbeiten mit Union-TypenLiteral-TypenIntersection-Typen ('&')Kombinieren von Typ-AliasenZusammenfassung: Fortgeschrittene Typ-Kombinationen3Datenstruktur: Arrays & Tupel
Typisierte Arrays'readonly'-Modifikator für ArraysWas ist ein Tupel?Deklarieren von und Zugriff auf TupelDestrukturierung von TupelnReadonly-TupelMehrdimensionale typisierte ArraysSpread-Operator mit ArraysZusammenfassung: Arrays und TupelÜbe selbstständig: Online-JavaScript-Compiler