typeof-, Gleichheits- und Truthiness-Narrowing
Verwenden Sie typeof, strikte Gleichheit und Truthiness, um Union-Typen ohne unsichere Casts einzugrenzen.
typeof-, Gleichheits- und Truthiness-Narrowing ist eine kostenlose TypeScript Academy-Lektion auf CoddyKit. Dies ist Lektion 1 von 3. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des TypeScript Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der TypeScript Academy-Kurs umfasst insgesamt 3 Lektionen.
Einführung
Ziel: Grenzen Sie breite Union-Typen mithilfe von typeof, strikter Gleichheit und Truthiness auf exakte Typen ein. So wird der sichere Zugriff auf Eigenschaften und Methoden möglich.
Narrowing mit typeof
typeof grenzt primitive Typen ein (string, number, boolean, bigint, symbol, undefined). Verwenden Sie es, um sicher zu verzweigen.
function printLen(x: string | number) {
if (typeof x === "string") {
console.log(x.length); // x is string
} else {
console.log(x.toFixed(2)); // x is number
}
}
printLen("TS");
printLen(3.14);Strikte Gleichheit
Bevorzugen Sie ===/!== für präzises Narrowing. Vermeiden Sie ==, da es Typen umwandelt und sowohl Menschen als auch den Compiler verwirrt.
function greet(x: string | null) {
if (x !== null) {
// x is string here
console.log("Hello " + x.toUpperCase());
} else {
console.log("No name");
}
}
greet("Ada");
greet(null);Narrowing durch Truthiness
Truthiness grenzt Typen ebenfalls ein, aber Vorsicht: "" und 0 gelten als falsy, obwohl sie gültige Werte sind. Verwenden Sie strikte Prüfungen, wenn Sie zwischen ihnen unterscheiden müssen.
function show(v: string | 0 | "" | null | undefined) {
if (v) {
// v is string here (non-empty)
console.log("value:", v);
} else {
// v is "", 0, null, or undefined
console.log("empty");
}
}
show("ok");
show("");
show(0);Prüfungen kombinieren
Kombinieren Sie Prüfungen, um verschachtelte Zugriffe abzusichern. Für eine genauere Kontrolle bevorzugen Sie u !== null && u !== undefined, wenn 0/"" gültige Fälle sind.
type MaybeUser = { name: string } | null | undefined;
function hi(u: MaybeUser) {
if (u && u.name) {
console.log("Hi " + u.name);
} else {
console.log("No user");
}
}
hi({ name: "Lin" });
hi(null);Richtlinien
Richtlinien:
- Verwenden Sie typeof für primitive Typen.
- Verwenden Sie ===/!==, um Typumwandlungen zu vermeiden.
- Truthiness ist kompakt; vermeiden Sie sie, wenn leere Zeichenketten oder null eine Bedeutung haben.
Überprüfung des Narrowings
Kurze Überprüfung: Welche Prüfung grenzt einen Wert korrekt auf string ein?
Zusammenfassung
Zusammenfassung: Grenzen Sie Typen mit typeof, strikter Gleichheit und Truthiness ein. Bevorzugen Sie explizite Prüfungen, wenn 0/"" gültige Werte sind.
Häufig gestellte Fragen
Ist die Lektion „typeof-, Gleichheits- und Truthiness-Narrowing“ kostenlos?
Ja — der vollständige Text von „typeof-, Gleichheits- und Truthiness-Narrowing“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des TypeScript Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der TypeScript Academy-Kurs umfasst insgesamt 3 Lektionen.
Was lerne ich in „typeof-, Gleichheits- und Truthiness-Narrowing“?
Verwenden Sie typeof, strikte Gleichheit und Truthiness, um Union-Typen ohne unsichere Casts einzugrenzen. Du übst TypeScript Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um TypeScript Academy zu starten?
Keine Vorkenntnisse erforderlich. TypeScript Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 1 von 3.
Wie lange dauert die Lektion „typeof-, Gleichheits- und Truthiness-Narrowing“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser TypeScript Academy-Lektion Code schreiben und ausführen?
Ja. Jede TypeScript Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- typeof-, Gleichheits- und Truthiness-Narrowing
- in, instanceof und diskriminierte Unions
- Vollständigkeitsprüfung mit never (Einführung)