Arbeiten mit 'null' & 'undef'
Teil des Abschnitts Einführung in TypeScript der JavaScript-Journey von Coddy. Lektion 9 von 73.
Der Typ undefined repräsentiert eine Variable, die deklariert, aber der kein Wert zugewiesen wurde, oder eine Funktion, die nicht explizit etwas zurückgibt. Der Typ null hingegen repräsentiert ein absichtliches Fehlen eines Wertes – er wird explizit zugewiesen, um „keinen Wert“ anzuzeigen.
let userName: string | null = null; // Absichtlich kein Wert
let userAge: number | undefined; // Deklariert, aber nicht zugewiesenDie strikte Null-Prüfung von TypeScript hilft dabei, häufige Laufzeitfehler zu vermeiden, indem sie dich dazu zwingt, diese Fälle explizit zu behandeln. Wenn du eine Variable hast, die null oder undefined sein könnte, musst du auf diese Werte prüfen, bevor du auf Eigenschaften oder Methoden zugreifst.
function getLength(text: string | null): number {
if (text === null) {
return 0; // Behandle den null-Fall
}
return text.length; // Sicher, String-Methoden zu verwenden
}Aufgabe
EinfachErstellen Sie eine Funktion namens getStringLength, die einen Parameter vom Typ string | null akzeptiert und eine number zurückgibt.
Die Funktion sollte beide Fälle behandeln:
- Wenn der Parameter ein String ist, geben Sie dessen Länge zurück
- Wenn der Parameter
nullist, geben Sie0zurück
Testen Sie Ihre Funktion, indem Sie sie mit den folgenden Werten aufrufen und die Ergebnisse ausgeben:
- Rufen Sie
getStringLength("Hello TypeScript")auf - Rufen Sie
getStringLength(null)auf - Rufen Sie
getStringLength("TS")auf
Geben Sie jedes Ergebnis in einer separaten Zeile in der oben aufgeführten Reihenfolge aus.
Probier es selbst
// TODO: Schreiben Sie hier Ihren Code
// Erstellen Sie die Funktion getStringLength, die string | null akzeptiert und eine Zahl zurückgibt
// Testen Sie die Funktion mit den erforderlichen Werten und geben Sie die Ergebnisse 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