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
};Aufgabe
EinfachErstellen Sie einen Type Alias namens Book für ein Objekt mit den folgenden Eigenschaften:
titlevom Typstringauthorvom Typstringpagesvom TypnumberisAvailablevom Typboolean
Erstellen Sie einen Type Alias namens Movie für ein Objekt mit den folgenden Eigenschaften:
titlevom Typstringdirectorvom Typstringdurationvom Typnumberratingvom Typstring
Erstellen Sie unter Verwendung Ihrer Type Aliases die folgenden Variablen:
- Erstellen Sie eine Variable namens
novelvom TypBookmit dem Titel"The Great Gatsby", dem Autor"F. Scott Fitzgerald",180Seiten und isAvailabletrue - Erstellen Sie eine Variable namens
textbookvom TypBookmit dem Titel"TypeScript Handbook", dem Autor"Microsoft",450Seiten und isAvailablefalse - Erstellen Sie eine Variable namens
filmvom TypMoviemit dem Titel"Inception", dem Regisseur"Christopher Nolan", einer Dauer von148und 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
getBookInfomitnovelauf und geben Sie das Ergebnis aus - Rufen Sie
getBookInfomittextbookauf und geben Sie das Ergebnis aus - Rufen Sie
getMovieInfomitfilmauf und geben Sie das Ergebnis aus - Geben Sie den Verfügbarkeitsstatus von
novelaus (die EigenschaftisAvailable)
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 druckenDiese 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 Tupel6Typisierung von Objekten und Interfaces
Inline-Typanmerkungen für ObjekteType-Aliase für ObjekteEinführung in InterfacesInterfaces vs. Type-AliaseOptionale & Readonly-EigenschaftenErweitern von Interfaces und TypenMethoden zu Interfaces hinzufügenZusammenfassung: Objektstrukturen definierenÜbe selbstständig: Online-JavaScript-Compiler