Menu
CoddyTech

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 zugewiesen

Die 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
}
challenge icon

Aufgabe

Einfach

Erstellen 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 null ist, geben Sie 0 zurü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 aus
quiz iconTeste dich selbst

Diese 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

Übe selbstständig: TypeScript-Playground