Fehler, die dich retten

Im JavaScript-Kurs lösten manche Fehler gar keine Fehlermeldung aus. Das Programm lief und lieferte ein seltsames Ergebnis, oder es stürzte erst ab, wenn es beim Fehler ankam. Dieses Programm hat drei solche Fehler:

const held = { name: "Kira", leben: 50 };
const maxLeben = 50;

held.leben = held.lebn - 10;
console.log("Leben:", held.leben);
console.log(held.name.toUppercase());
maxLeben = 60;

Als JavaScript würde es Leben: NaN ausgeben und dann mit TypeError: held.name.toUppercase is not a function abstürzen. Der dritte Fehler würde warten, bis du den zweiten behoben hast. TypeScript findet alle drei, bevor das Programm läuft:

main.ts(4,19): error TS2551: Property 'lebn' does not exist on type '{ name: string; leben: number; }'. Did you mean 'leben'?
main.ts(6,23): error TS2551: Property 'toUppercase' does not exist on type 'string'. Did you mean 'toUpperCase'?
main.ts(7,1): error TS2588: Cannot assign to 'maxLeben' because it is a constant.

• Ein Tippfehler im Namen einer Eigenschaft. In JavaScript ergibt eine Eigenschaft, die es nicht gibt, undefined, und eine Rechnung mit undefined ergibt NaN. TypeScript weiß aus dem Objekt, das du angelegt hast, welche Eigenschaften es hat. Es fängt den Tippfehler sogar bei einer Zuweisung ab: In JavaScript würde held.Leben = 60; stillschweigend eine neue Eigenschaft Leben hinzufügen, TypeScript dagegen meldet Property 'Leben' does not exist on type … und schlägt leben vor.
• Eine falsch geschriebene Methode. Groß- und Kleinbuchstaben sind verschieden, toUppercase ist also nicht toUpperCase. TypeScript kennt alle Methoden von Texten und schlägt die richtige vor.
• Zuweisung an eine Konstante. In JavaScript war das TypeError: Assignment to constant variable., aber erst während das Programm lief. TypeScript meldet es vorher: Cannot assign to 'maxLeben' because it is a constant. Wenn sich der Wert ändern soll, lege die Variable mit let an. Wenn nicht, weise ihr nichts zu.

Denk daran, dass const die Variable schützt, nicht das Objekt darin. held.leben = … oben ist in Ordnung, obwohl held eine Konstante ist: Die Konstante enthält die ganze Zeit dasselbe Objekt, nur eine Eigenschaft des Objekts ändert sich. So funktioniert JavaScript, und TypeScript folgt dem.

Alle diese Fehler sind leicht zu machen und in einem großen Programm schwer zu finden, weil JavaScript ihre Wirkung woanders zeigt als dort, wo sie sind. TypeScript zeigt auf die genaue Zeile. Das ist der Hauptgrund, warum Programmierer es nutzen: Viele Fehler kommen gar nicht erst zum Laufen.