TypeScript Academy · Les

readonly-eigenschappen en parameter properties

Gebruik readonly en verkorte constructor-eigenschappen.

Les 3 van 413 stappen

readonly-eigenschappen en parameter properties is een gratis TypeScript Academy-les op CoddyKit. Dit is les 3 van 4. Je kunt de volledige les hieronder gratis lezen en daarna in de browser praktisch oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject TypeScript Academy. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus TypeScript Academy bevat in totaal 4 lessen.

Welkom

readonly voorkomt dat eigenschappen na initialisatie worden gewijzigd. Parameter-eigenschappen combineren declaratie en initialisatie in één constructorregel.

readonly op klasse-eigenschappen

Declareer een eigenschap als readonly om deze één keer te kunnen instellen (in de constructor), maar latere wijzigingen te voorkomen.

class Invoice {
  readonly invoiceId: string;
  constructor(id: string) { this.invoiceId = id; }
}
const inv = new Invoice('INV-001');
// inv.invoiceId = 'INV-002'; // Error!

readonly in interfaces

readonly werkt ook in interfaces en objecttypen om het opnieuw toewijzen van eigenschappen te voorkomen.

interface Point { readonly x: number; readonly y: number; }
const p: Point = { x: 5, y: 10 };
// p.x = 0; // Error

Parameter-eigenschappen

Zet een toegangsmodificator voor een constructorparameter om in één stap een eigenschap te declareren en eraan toe te wijzen.

class Product {
  constructor(
    public name: string,
    public price: number,
    private sku: string
  ) {} // no need to write this.name = name; etc.
}

readonly-parameter-eigenschappen

Combineer `readonly` met een toegangsmodificator voor parameter-eigenschappen.

class Config {
  constructor(
    public readonly host: string,
    public readonly port: number = 3000
  ) {}
}

Initialisatie in declaraties

Je kunt een readonly-eigenschap initialiseren op het moment van declaratie. Daarna kan deze niet meer worden gewijzigd.

class AppVersion {
  readonly version: string = '1.0.0';
  readonly buildDate: Date = new Date();
}

readonly versus const

`const` is bedoeld voor variabelen met blokbereik. `readonly` is bedoeld voor klasse-eigenschappen en leden van objecttypen. Ze hebben verschillende bereiken.

const API_KEY = 'secret'; // block variable
class Service {
  readonly key: string = API_KEY; // class property
}

Readonly-objecttype

Het hulpprogrammatype `Readonly` maakt alle eigenschappen van T readonly. Dit is handig om onveranderlijke momentopnamen te maken.

interface User { name: string; age: number; }
const frozen: Readonly<User> = { name: 'Alice', age: 30 };
// frozen.name = 'Bob'; // Error

readonly bevriest niet diepgaand

Net als ReadonlyArray voorkomt readonly alleen dat de eigenschap zelf opnieuw wordt toegewezen, niet dat het object waarnaar de eigenschap verwijst wordt gewijzigd.

class Team {
  readonly members: string[] = [];
}
const t = new Team();
t.members.push('Alice'); // Allowed — the array itself is mutable!
// t.members = []; // Error — can't reassign the property

Parameter-eigenschappen besparen herhaalwerk

Zonder parameter-eigenschappen schrijf je het veld, de constructorparameter en de toewijzing afzonderlijk. Met parameter-eigenschappen doet één regel alle drie.

// Without parameter properties (verbose)
class A {
  private x: number;
  constructor(x: number) { this.x = x; }
}
// With parameter properties (concise)
class B {
  constructor(private x: number) {}
}

Wanneer je parameter-eigenschappen beter niet gebruikt

Sommige teams vermijden parameter-eigenschappen in grote klassen omdat ze de eigenschapsdeclaraties verbergen in de klassebody, waardoor de leesbaarheid op het eerste gezicht afneemt.

Korte controle

Wat blijft WAAR over de readonly-modificator wanneer je een parameter-eigenschap in TypeScript gebruikt?

Beantwoord dit in de interactieve les

Samenvatting

readonly voorkomt dat eigenschappen na de constructie worden gewijzigd. Parameter-eigenschappen (toegangsmodificator + parameternaam) declareren en initialiseren eigenschappen in één regel. Combineer beide voor beknopte, onveranderlijke klasseontwerpen.

Gratis beginnen

Leer TypeScript met een AI-tutor — gratis

Schrijf echte code en voer die uit in je browser, krijg direct hulp van een AI-tutor die 24/7 beschikbaar is en ga verder waar je gebleven bent op het web of in de app.

Cursussen: 101
Lessen: 352

Gratis beginnen met leren Bekijk de volledige cursus

Veelgestelde vragen

Is de les “readonly-eigenschappen en parameter properties” gratis?

Ja — de volledige tekst van “readonly-eigenschappen en parameter properties” kun je hier gratis op het web lezen. Als je interactief wilt oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is, en de rest van de cursus TypeScript Academy wilt ontgrendelen, kun je upgraden naar CoddyKit PRO. De cursus TypeScript Academy bevat in totaal 4 lessen.

Wat leer ik in “readonly-eigenschappen en parameter properties”?

Gebruik readonly en verkorte constructor-eigenschappen. Je oefent met TypeScript Academy door code rechtstreeks in de browser uit te voeren. Een AI-begeleider die 24/7 beschikbaar is beantwoordt je vragen terwijl je de les doorwerkt.

Heb ik ervaring nodig om met TypeScript Academy te beginnen?

Ervaring vooraf is niet nodig. TypeScript Academy op CoddyKit is opgebouwd voor beginners tot gevorderden, zodat je hier of bij het begin kunt starten en in je eigen tempo kunt leren. Dit is les 3 van 4.

Hoe lang duurt de les “readonly-eigenschappen en parameter properties”?

De meeste lessen van CoddyKit duren ongeveer 5–10 minuten. Elke les is kort en interactief, zodat je gestaag vooruitgaat en op het web en in de app precies verdergaat waar je was gebleven.

Kan ik code schrijven en uitvoeren in deze les over TypeScript Academy?

Ja. Elke les over TypeScript Academy bevat een ingebouwde code-editor, zodat je rechtstreeks in je browser echte code kunt schrijven en uitvoeren en direct feedback van AI krijgt — lokale installatie is niet nodig.

Alle lessen in deze cursus

TypeScript-klassen en constructors
Modifiers public, private en protected
readonly-eigenschappen en parameter properties
Interfaces implementeren met klassen

← Terug naar TypeScript Academy