Menu
Coddy logo textTech

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.

challenge icon

Aufgabe

Einfach

Erstellen 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 currentUser vom Typ UserID und weisen Sie ihr den String-Wert "admin123" zu
  • Deklarieren Sie eine Variable namens guestUser vom Typ UserID und weisen Sie ihr den Zahlenwert 42 zu
  • Deklarieren Sie eine Variable namens taskPriority vom Typ Priority und weisen Sie ihr den String-Wert "high" zu
  • Deklarieren Sie eine Variable namens isUrgent vom Typ Priority und weisen Sie ihr den booleschen Wert true zu
  • Deklarieren Sie eine Variable namens orderStatus vom Typ Status und 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 aus
quiz iconTeste dich selbst

Diese 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

Übe selbstständig: Online-JavaScript-Compiler