Explizite Typ-Annotationen
Teil des Abschnitts Einführung in TypeScript der JavaScript-Journey von Coddy. Lektion 11 von 73.
Zu verstehen, wann man explizite Annotationen verwendet, anstatt sich auf Typinferenz zu verlassen, ist entscheidend für das Schreiben von effektivem TypeScript-Code.
Das häufigste Szenario, das explizite Typanmerkungen erfordert, ist, wenn Sie eine Variable deklarieren, ohne ihr sofort einen Wert zuzuweisen:
let score: number; // Typ muss explizit angegeben werden
score = 85; // Wert später zuweisenOhne die explizite : number Annotation würde TypeScript den Typ als any ableiten, wodurch alle Vorteile der Typsicherheit verloren gehen. Durch die explizite Deklaration des Typs stellen Sie sicher, dass dieser Variable später nur numerische Werte zugewiesen werden können.
Aufgabe
EinfachDeklarieren Sie eine Variable namens totalScore mit dem expliziten Typ number, ohne ihr einen Anfangswert zuzuweisen.
Weisen Sie in der nächsten Zeile der Variablen totalScore den Wert 95 zu.
Deklarieren Sie dann eine weitere Variable namens playerName mit dem expliziten Typ string, ohne ihr einen Anfangswert zuzuweisen.
Weisen Sie in der nächsten Zeile der Variablen playerName den Wert "Alex" zu.
Geben Sie schließlich beide Variablen in separaten Zeilen auf der Konsole aus, zuerst totalScore und dann playerName.
Probier es selbst
// TODO: Schreibe hier deinen CodeDiese 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