Zusammenfassung: Einführung in TS
Teil des Abschnitts Einführung in TypeScript der JavaScript-Journey von Coddy. Lektion 5 von 73.
Aufgabe
EinfachErstellen Sie eine Konstante namens userId mit einer expliziten Typanmerkung von number und weisen Sie ihr den Wert 12345 zu.
Erstellen Sie eine Variable namens username mit einer expliziten Typanmerkung von string und weisen Sie ihr den Wert "john_doe" zu.
Ihnen wird die folgende Codezeile zur Verfügung gestellt, die einen Typfehler enthält:
username = userId;Beheben Sie diesen Typfehler, indem Sie eine neue Variable namens userIdString erstellen, die die userId mithilfe der Funktion String() in einen String umwandelt, und weisen Sie dann stattdessen userIdString der Variablen username zu.
Geben Sie abschließend sowohl userId als auch username in separaten Zeilen auf der Konsole aus.
Probier es selbst
// TODO: Schreibe deinen Code hier
// Erstelle die Konstante userId mit Typannotation
// Erstelle die Variable username mit Typannotation
// Behebe den Typfehler, indem userId in einen String umgewandelt wird
// Weise den umgewandelten Wert username zu
// Gib die Ergebnisse aus
console.log(userId);
console.log(username);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