Brugen af felter eller medlem-variabler i JavaScript-klasser er et centralt koncept, der er kommet i fokus med de nye standarder fra ES6 til ES13. I denne vejledning viser vi dig, hvordan du kan deklarere og initialisere både offentlige og statiske felter. Vi kigger på forskellene og brugen af disse felter i virkelige applikationer.
Vigtigste indsigter
- Du kan deklarere og initialisere felter i klasser, både som offentlige og som statiske medlemmer.
- Offentlige medlemmer er tilgængelige for alle instanser af klassen.
- Statiske medlemmer er klasse-omfattende og deler samme hukommelsesplads for alle instanser.
- Initialiseringen af felter bør foretages fornuftigt for at undgå utilsigtede fejl.
Trin-for-trin vejledning
Deklarere og initialisere felter
I begyndelsen lærer du, hvordan du deklarerer felter inden for en klasse. Du kan initialisere felter direkte, når du definerer dem, hvilket forbedrer læsbarheden og vedligeholdelsen af koden.
Med koden ovenfor definerer du et felt description med en initialværdi.
Som du kan se, når du opretter objektet, er initialværdien straks tilgængelig.
Overskrive initialværdier i konstruktøren
Derudover kan du overskrive initialværdien af et felt i konstruktøren. Konstruktøren kaldes, når du opretter en instans af klassen. Her kan du ændre værdien af feltet med det overførte argument.
Adgang til felter
Adgangen til felterne sker gennem instansen af din klasse. Med nøgleordet this kan du tilgå medlem-variablerne.
Når du nu opretter et objekt af Circle, kan du se, at værdien af description bliver udskrevet.
Brug af statiske felter
Statiske felter er et andet vigtigt koncept, som du kan anvende i dine JavaScript-klasser. I modsætning til normale felter er statiske felter klasse-omfattende og ikke instans-specifikke. Det betyder, at der kun findes én kopi af dette felt, uanset hvor mange instanser du opretter af klassen.
Adgang til statiske felter
Det er vigtigt at bemærke, at adgangen til statiske felter ikke sker gennem instansen, men udelukkende gennem klassen.
Definere statiske metoder
Ud over statiske felter kan du også definere statiske metoder i dine klasser.
Ændringer af statiske felter
En interessant adfærd ved statiske felter er, at hvis du ændrer værdien af et statisk felt, gælder denne ændring for alle instanser.
Konklusion om brugen af felter i JavaScript
Sammenfattende er du nu i stand til effektivt at bruge både offentlige og statiske felter i JavaScript-klasser. Du ved, hvordan man deklarerer, initialiserer og tilgår felter. Statiske felter og metoder giver dig ekstra muligheder i designet af dine klasser.
Resumé - Felter i klasser: En guide til JavaScript
Med denne vejledning har du lært grundlæggende om felter i JavaScript-klasser. Du bør nu være i stand til at deklarere, initialisere og bruge felter efter behov.
Ofte stillede spørgsmål
Hvilke typer felter findes der i JavaScript-klasser?Der findes offentlige og statiske felter.
Hvordan får jeg adgang til statiske felter?Du får adgang til dem via klassens navn efterfulgt af et punkt.
Hvad sker der, hvis jeg ændrer statiske felter?Ændringer af statiske felter påvirker alle instanser af klassen.
