Typinferenz in der Praxis
Teil des Abschnitts Einführung in TypeScript der JavaScript-Journey von Coddy. Lektion 10 von 73.
Wenn Sie eine Variable mit einem Wert initialisieren, untersucht TypeScript diesen Wert und weist automatisch den entsprechenden Typ zu:
let message = "Hello, World!"; // TypeScript leitet ab: string
let count = 42; // TypeScript leitet ab: number
let isActive = true; // TypeScript leitet ab: booleanDiese Typinferenz bietet die gleiche Typsicherheit wie explizite Annotationen, aber mit saubererem, lesbarerem Code. TypeScript wird weiterhin Typfehler abfangen, wenn Sie versuchen, diese Variablen inkompatiblen Werten neu zuzuweisen.
Typinferenz funktioniert, weil TypeScript den Initialwert zum Zeitpunkt der Zuweisung analysiert. Ein String-Wert teilt TypeScript mit, dass die Variable vom Typ string sein sollte, ein numerischer Wert weist auf number hin, und so weiter.
Aufgabe
EinfachErstellen Sie drei Variablen unter Verwendung der Typinferenz von TypeScript ohne explizite Typanmerkungen:
Deklarieren Sie eine Variable namens companyName und initialisieren Sie diese mit dem String "TechCorp".
Deklarieren Sie eine Variable namens employeeCount und initialisieren Sie diese mit der Zahl 150.
Deklarieren Sie eine Variable namens isPublic und initialisieren Sie diese mit dem booleschen Wert false.
Geben Sie alle drei Variablen in der Reihenfolge ihrer Deklaration in separaten Zeilen auf der Konsole aus.
TypeScript wird die korrekten Typen automatisch basierend auf den Initialwerten ableiten, die Sie jeder Variablen zuweisen.
Probier es selbst
// TODO: Schreibe deinen Code hier
// Deklariere die drei Variablen mit ihren Initialwerten
// Denke daran, die Typinferenz von TypeScript zu verwenden (keine expliziten Typanmerkungen erforderlich)
// Gib alle drei Variablen in der Konsole ausDiese 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: TypeScript-Playground