Schreibgeschützte Eigenschaften

Manche Eigenschaften sollten sich nie mehr ändern, sobald das Objekt existiert: der Name eines Helden, die Identifikationsnummer eines Gegenstands. Markiere sie mit readonly:

type Held = { readonly name: string; leben: number };

const kira: Held = { name: "Kira", leben: 50 };
kira.leben = 40;
kira.name = "Bruno";

main.ts(5,6): error TS2540: Cannot assign to 'name' because it is a read-only property.

leben darf sich ändern, deshalb ist Zeile 4 in Ordnung. name nicht: Cannot assign to 'name' because it is a read-only property. Du kannst sie weiterhin lesen, ausgeben oder an eine Funktion übergeben. Ihr Wert wird einmal gesetzt, wenn das Objekt erstellt wird.

Worin besteht der Unterschied zu const? const schützt die Variable: kira muss immer dasselbe Objekt enthalten. Die Eigenschaften des Objekts können sich aber trotzdem ändern. Du erinnerst dich vielleicht aus dem JavaScript-Kurs, dass das funktioniert:

const kira = { name: "Kira", leben: 50 };
kira.name = "Bruno";
console.log(kira);

Das gibt aus:

{ name: "Bruno", leben: 50 }

readonly schützt eine einzelne Eigenschaft, in welcher Variablen das Objekt auch steckt, sogar in einer mit let angelegten, und auch in Funktionen, die das Objekt als Argument bekommen.

Wie jeder Typ wird readonly nur von TypeScript geprüft und verschwindet aus dem JavaScript, das läuft. Zur Laufzeit würde die Änderung nichts aufhalten. Aber ein Programm mit einer solchen Änderung kommt gar nicht erst zum Laufen, weil TypeScript sie vorher meldet.

Typische Fehler:

• const statt readonly im Typ: { const name: string } ergibt ';' expected. In einem Typ heißt das Wort readonly.
• Die Eigenschaft mit += oder ++ zu ändern: Das ist auch eine Änderung. kira.name += "!" ergibt denselben Fehler wie kira.name = "Bruno".