Bruke felt i JavaScript-klasser effektivt

Bruken av felter eller medlemsvariabler i JavaScript-klasser er et sentralt konsept som har fått fokus med de nye standardene fra ES6 til ES13. I denne veiledningen viser vi deg hvordan du kan deklarere og initialisere både offentlige og statiske felter. Vi ser på forskjellene og bruken av disse feltene i virkelige applikasjoner.

Viktige funn

• Du kan deklarere og initialisere felter i klasser, både som offentlige og statiske medlemmer.
• Offentlige medlemmer er tilgjengelige for alle instanser av klassen.
• Statiske medlemmer er klasse-baserte og deler samme minneplass for alle instanser.
• Initialisering av felter bør gjøres fornuftig for å unngå utilsiktede feil.

Trinn-for-trinn-instruksjoner

Deklarere og initialisere felter

I begynnelsen lærer du hvordan du deklarerer felter innen en klasse. Du kan initialisere feltene direkte ved deres definisjon, noe som øker lesbarheten og vedlikeholdbarheten til koden.

Med koden ovenfor definerer du et felt beskrivelse med en initialverdi.

Som du kan se, når du oppretter objektet, er initialverdien direkte tilgjengelig.

Overstyre initialverdier i konstruktøren

I tillegg kan du overstyre initialverdien til et felt i konstruktøren. Konstruktøren kalles når du oppretter en instans av klassen. Her kan du endre verdien til feltet med det gitte argumentet.

Tilgang til felter

Tilgang til feltene skjer gjennom instansen av klassen din. Med this-nøkkelordet kan du få tilgang til medlemsvariablene.

Når du nå oppretter et objekt av Circle, vil du se at verdien av beskrivelse blir skrevet ut.

Bruke statiske felter

Statiske felter er et annet viktig konsept som du kan bruke i JavaScript-klassene dine. I motsetning til vanlige felter, er statiske felter klasse-baserte og ikke instans-spesifikke. Det betyr at det bare finnes én kopi av dette feltet, uansett hvor mange instanser du oppretter av klassen.

Tilgang til statiske felter

Det er viktig å merke seg at tilgangen til statiske felter ikke skjer via instansen, men utelukkende via klassen.

Definere statiske metoder

I tillegg til statiske felter kan du også definere statiske metoder i klassene dine.

Endringer av statiske felter

En interessant oppførsel med statiske felter er at når du endrer verdien av et statisk felt, gjelder denne endringen for alle instanser.

Konklusjon om bruken av felter i JavaScript

Oppsummert er du nå i stand til å bruke både offentlige og statiske felter i JavaScript-klasser effektivt. Du vet hvordan du deklarerer, initialiserer felter og hvordan du får tilgang til dem. Statiske felter og metoder åpner for flere muligheter når du designer klassene dine.

Oppsummering - Felter i klasser: En guide for JavaScript

Med denne veiledningen har du lært det grunnleggende om felter i JavaScript-klasser. Du bør nå være i stand til å deklarere, initialisere og bruke feltene etter behov.