Typ-Aliase für primitive Datentypen
Teil des Abschnitts Einführung in TypeScript der JavaScript-Journey von Coddy. Lektion 30 von 73.
Das type-Schlüsselwort von TypeScript ermöglicht es Ihnen, einen Typ-Alias zu erstellen – im Wesentlichen einen benutzerdefinierten Namen für jeden vorhandenen Typ, einschließlich primitiver Typen und deren Kombinationen.
Die Syntax ist unkompliziert: Sie verwenden das Schlüsselwort type, gefolgt von Ihrem gewählten Namen, einem Gleichheitszeichen und dem Typ, für den Sie einen Alias erstellen möchten:
type UserID = string | number;
type Score = number;
type IsActive = boolean;Sobald Sie einen Typ-Alias erstellt haben, können Sie ihn überall dort verwenden, wo Sie den ursprünglichen Typ verwenden würden. Dies ist besonders wertvoll bei der Arbeit mit Union-Typen, da es Ihren Code lesbarer und selbstdokumentierend macht:
type UserID = string | number;
let currentUser: UserID = "user123";
let adminUser: UserID = 42;Typ-Aliase erstellen keine neuen Typen – sie bieten lediglich alternative Namen für bestehende Typen an. Das bedeutet, dass UserID und string | number vollständig austauschbar sind, aber die Verwendung des Alias macht die Absicht Ihres Codes für andere Entwickler viel deutlicher.
Aufgabe
EinfachErstellen Sie einen Typ-Alias namens UserID für einen Union-Typ, der entweder ein string oder eine number sein kann.
Erstellen Sie einen Typ-Alias namens Priority für einen Union-Typ, der entweder ein string oder ein boolean sein kann.
Erstellen Sie einen Typ-Alias namens Status für den Typ string.
Deklarieren Sie nun die folgenden Variablen unter Verwendung Ihrer Typ-Aliase:
- Deklarieren Sie eine Variable namens
currentUservom TypUserIDund weisen Sie ihr den String-Wert"admin123"zu - Deklarieren Sie eine Variable namens
guestUservom TypUserIDund weisen Sie ihr den Zahlenwert42zu - Deklarieren Sie eine Variable namens
taskPriorityvom TypPriorityund weisen Sie ihr den String-Wert"high"zu - Deklarieren Sie eine Variable namens
isUrgentvom TypPriorityund weisen Sie ihr den booleschen Werttruezu - Deklarieren Sie eine Variable namens
orderStatusvom TypStatusund weisen Sie ihr den String-Wert"pending"zu
Geben Sie den Wert jeder Variablen in einer separaten Zeile in der Reihenfolge aus, in der sie oben deklariert wurden.
Probier es selbst
// TODO: Schreiben Sie hier Ihren Code
// Erstellen Sie Typ-Aliase für UserID, Priority und Status
// Deklarieren Sie dann die Variablen und weisen Sie die angegebenen Werte zu
// Geben Sie den Wert jeder Variablen 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