Het gebruik van velden of Member-variabelen in JavaScript-klassen is een centraal concept dat met de nieuwe standaarden van ES6 tot ES13 in de schijnwerpers staat. In deze tutorial laten we je zien hoe je zowel publieke als statische velden kunt declareren en initialiseren. We bekijken de verschillen en het gebruik van deze velden in echte applicaties.
Belangrijkste bevindingen
- Je kunt velden in klassen declareren en initialiseren, zowel als publieke als als statische leden.
- Publieke leden zijn toegankelijk voor alle instanties van de klasse.
- Statische leden zijn klassebreed en delen dezelfde opslagruimte voor alle instanties.
- De initialisatie van velden moet zorgvuldig gebeuren om onbedoelde fouten te voorkomen.
Stap-voor-stap handleiding
Velden declareren en initialiseren
In het begin leer je hoe je velden binnen een klasse kunt declareren. Je kunt velden direct bij hun definitie initialiseren, wat de leesbaarheid en onderhoudbaarheid van de code vergroot.
Met de bovenstaande code definieer je een veld description met een initiële waarde.
Zoals je kunt zien, is de initiële waarde direct beschikbaar wanneer je het object aanmaakt.
Initiële waarden in de constructor overschrijven
Bovendien kun je de initiële waarde van een veld in de constructor overschrijven. De constructor wordt aangeroepen wanneer je een instantie van de klasse aanmaakt. Hierbij kun je de waarde van het veld wijzigen met het overgedragen argument.
Toegang tot velden
De toegang tot de velden gebeurt via de instantie van je klasse. Met het this-sleutelwoord kun je toegang krijgen tot de Member-variabelen.
Wanneer je nu een object van Circle aanmaakt, zie je dat de waarde van description wordt weergegeven.
Statische velden gebruiken
Statische velden zijn een ander belangrijk concept dat je in je JavaScript-klassen kunt gebruiken. In tegenstelling tot normale velden zijn statische velden klassebreed en niet instantie-specifiek. Dit betekent dat er slechts één kopie van dit veld is, ongeacht hoeveel instanties je van de klasse aanmaakt.
Toegang tot statische velden
Het is belangrijk op te merken dat de toegang tot statische velden niet gebeurt via de instantie, maar uitsluitend via de klasse.
Statische methoden definiëren
Naast statische velden kun je ook statische methoden in je klassen definiëren.
Wijzigingen van statische velden
Een interessant gedrag bij statische velden is dat wanneer je de waarde van een statisch veld wijzigt, deze wijziging voor alle instanties geldt.
Conclusie over het gebruik van velden in JavaScript
Samengevat ben je nu in staat om zowel publieke als statische velden in JavaScript-klassen effectief te gebruiken. Je weet hoe je velden declareert, initialiseert en hoe je toegang tot deze velden krijgt. Statische velden en methoden bieden je extra mogelijkheden bij het ontwerpen van je klassen.
Samenvatting - Velden in klassen: Een gids voor JavaScript
Met deze tutorial heb je de basisprincipes van velden in JavaScript-klassen geleerd. Je zou nu in staat moeten zijn om velden te declareren, te initialiseren en ze naar behoefte te gebruiken.
Veelgestelde vragen
Welke soorten velden zijn er in JavaScript-klassen?Er zijn publieke en statische velden.
Hoe krijg ik toegang tot statische velden?Je krijgt toegang via de klassenaam, gevolgd door een punt.
Wat gebeurt er als ik statische velden wijzig?Wijzigingen in statische velden hebben invloed op alle instanties van de klasse.
