Alleen-lezen eigenschappen in interface in TypeScript

Alleen-lezen eigenschappen worden slechts eenmaal ingesteld bij het aanmaken van een object. Hierna kunnen ze niet meer worden gewijzigd. Voor het declareren van deze eigenschappen wordt het sleutelwoord readonly gebruikt.

Laten we de interface IFigure nemen, gemaakt in de vorige les. Maar laten we nu de eigenschap width alleen-lezen maken:

typescriptinterface IFigure {
  height: number;
  readonly width: number;
}

Laten we een object rectangle aanmaken:

typescriptlet rectangle: IFigure = {
  height: 200,
  width: 300
}

Laten we de hoogte wijzigen:

typescriptrectangle.height = 150;

Laten we nu de breedte wijzigen en we zien een fout, aangezien de breedte als onveranderlijk is gedeclareerd:

typescriptrectangle.width = 400; // fout