Menu
Coddy logo textTech

Type-Aliase für Objekte

Teil des Abschnitts Einführung in TypeScript der JavaScript-Journey von Coddy. Lektion 38 von 73.

TypeScript ermöglicht es Ihnen, einen Typ-Alias zu erstellen, der eine wiederverwendbare Form für Objekte definiert.

Ein Typ-Alias verwendet das Schlüsselwort type, um eine benannte Definition für eine Objektstruktur zu erstellen. Einmal definiert, können Sie diesen Alias überall dort verwenden, wo Sie diese spezifische Objektform benötigen:

type Product = {
  name: string;
  price: number;
  inStock: boolean;
};

let laptop: Product = {
  name: "Gaming Laptop",
  price: 1299,
  inStock: true
};

let phone: Product = {
  name: "Smartphone",
  price: 699,
  inStock: false
};
challenge icon

Aufgabe

Einfach

Erstellen Sie einen Type Alias namens Book für ein Objekt mit den folgenden Eigenschaften:

  • title vom Typ string
  • author vom Typ string
  • pages vom Typ number
  • isAvailable vom Typ boolean

Erstellen Sie einen Type Alias namens Movie für ein Objekt mit den folgenden Eigenschaften:

  • title vom Typ string
  • director vom Typ string
  • duration vom Typ number
  • rating vom Typ string

Erstellen Sie unter Verwendung Ihrer Type Aliases die folgenden Variablen:

  • Erstellen Sie eine Variable namens novel vom Typ Book mit dem Titel "The Great Gatsby", dem Autor "F. Scott Fitzgerald", 180 Seiten und isAvailable true
  • Erstellen Sie eine Variable namens textbook vom Typ Book mit dem Titel "TypeScript Handbook", dem Autor "Microsoft", 450 Seiten und isAvailable false
  • Erstellen Sie eine Variable namens film vom Typ Movie mit dem Titel "Inception", dem Regisseur "Christopher Nolan", einer Dauer von 148 und dem Rating "PG-13"

Erstellen Sie eine Funktion namens getBookInfo, die einen Parameter vom Typ Book akzeptiert und einen string im Format "[title] by [author] - [pages] pages" zurückgibt.

Erstellen Sie eine Funktion namens getMovieInfo, die einen Parameter vom Typ Movie akzeptiert und einen string im Format "[title] directed by [director] ([duration] min)" zurückgibt.

Geben Sie die folgenden Ausgaben in separaten Zeilen aus:

  • Rufen Sie getBookInfo mit novel auf und geben Sie das Ergebnis aus
  • Rufen Sie getBookInfo mit textbook auf und geben Sie das Ergebnis aus
  • Rufen Sie getMovieInfo mit film auf und geben Sie das Ergebnis aus
  • Geben Sie den Verfügbarkeitsstatus von novel aus (die Eigenschaft isAvailable)

Probier es selbst

// TODO: Schreiben Sie Ihren Code hier

// Typ-Aliase für Book und Movie erstellen


// Variablen unter Verwendung der Typ-Aliase erstellen


// Funktionen zum Abrufen von Informationen erstellen


// Die erforderlichen Ausgaben drucken
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