Full Stack mit KI · Modul 2: JavaScript & TypeScript

Lektion 5 von 8Text 13 Min.

Typen als Vertrag: Interfaces und Fehler vor dem Start

Worum es geht: Typen sind Verträge zwischen Teilen eines Programms. Sie beschreiben, welche Daten erwartet werden – und der Editor meldet jede Abweichung, bevor irgendetwas ausgeführt wird. Für die Arbeit mit KI-Agenten sind sie das wichtigste Sicherheitsnetz überhaupt.

1. Warum Verträge

Ohne Typen weiß niemand, was ein Objekt enthält. Man rät, schaut im Code nach oder probiert es aus. Mit einem Interface steht es an einer Stelle geschrieben – und wenn sich etwas ändert, zeigt der Editor sofort jede Stelle, die angepasst werden muss. Genau diese Rückmeldung fehlt in JavaScript vollständig.

SituationOhne TypenMit Typen
Feld umbenanntFällt auf, wenn ein Kunde eine leere Stelle siehtEditor markiert sofort alle betroffenen Stellen
Feld kann fehlenAbsturz mit „undefined“Der Editor zwingt zur Behandlung des Falls
KI ändert CodeMan muss jede Zeile selbst prüfenWidersprüche werden automatisch gemeldet
Fremden Code lesenSuchen, woher die Daten kommenDas Interface sagt es in fünf Zeilen

2. Die vier Bausteine, die reichen

Grundtypen beschreiben einzelne Werte: string, number, boolean. Interfaces beschreiben Objekte. Optionale Eigenschaften mit Fragezeichen erlauben, dass etwas fehlt – und zwingen zugleich dazu, diesen Fall zu behandeln. Erlaubte Werte mit senkrechtem Strich begrenzen eine Angabe auf wenige Möglichkeiten.

Mit diesen vier kommt man erstaunlich weit. Alles Weitere – Generics, abgeleitete Typen, bedingte Typen – ist Werkzeug für Bibliotheken, nicht für Anwendungscode.

3. Typen als Leitplanke für KI

Wenn Sie einem Agenten sagen „ergänze ein Feld für die Telefonnummer“, dann ändert er das Interface – und der Editor zeigt danach jede Stelle, an der etwas nicht mehr zusammenpasst. Ohne Typen müssten Sie dieselbe Suche von Hand machen und würden zuverlässig etwas übersehen.

Geben Sie einem KI-Agenten zuerst das Interface, dann die Aufgabe. Ein klar beschriebener Datentyp verhindert mehr falschen Code als jede ausführliche Beschreibung in Prosa.

4. Häufige Fragen

Verlangsamt das die Arbeit? Am Anfang ja, nach wenigen Tagen nicht mehr. Die Zeit kommt bei der ersten Änderung an einem bestehenden Projekt mehrfach zurück.

Was bedeutet any? „Kein Typ, alles erlaubt“ – damit schaltet man die Prüfung ab. Gelegentlich nötig, meist ein Zeichen dafür, dass der Typ noch nicht durchdacht ist. Wenn ein Agent any einsetzt, lohnt eine Rückfrage.

Laufen Typen im Browser? Nein. TypeScript wird vor dem Ausführen zu JavaScript übersetzt, alle Typen werden dabei entfernt. Sie helfen ausschließlich beim Schreiben und Prüfen.

Stand: September 2026. Die Übungen laufen vollständig in Ihrem Browser – es wird nichts gespeichert oder übertragen.

Fortschritt sichern

Kostenlos registrieren, Lektionen abhaken und 3 Kernideen als Karteikarten wiederholen.