TypeScript, Typen und Schnittstellen

Lernziele

Datenverträge beim Entwickeln prüfen und Unsicherheit sichtbar machen. Nach dieser Lektion kannst du das Konzept erklären, ein kleines Beispiel umsetzen und typische Grenzen benennen.

Erklärung

TypeScript ergänzt statische Analyse, wird aber zu JavaScript kompiliert. Interfaces und Type Aliases beschreiben Formen. Union Types modellieren Alternativen; Generics bewahren Typbeziehungen. Daten aus Netzwerk oder Local Storage bleiben zur Laufzeit untrusted und benötigen Validierung.

Schrittweises Beispiel

type Result = { ok: true; value: string } | { ok: false; error: string } erlaubt mit if (result.ok) eine sichere Verzweigung. as User validiert keine Antwortdaten. Das Code-Labor kann TypeScript-Typen nicht kompilieren; die JavaScript-Aufgabe modelliert die Zustandswerte.

const states = [{ status: "loading" }, { status: "success", data: [] }, { status: "error", message: "Fehler" }];
console.log(states.map(state => state.status));

Zusammenfassung

Typen verbessern Feedback während der Entwicklung; Laufzeitgrenzen brauchen echte Validierung.