Användningen av fält eller medlemsvariabler i JavaScript-klasser är ett centralt koncept som har kommit i fokus med de nya standarderna från ES6 till ES13. I denna handledning visar vi dig hur du kan deklarera och initiera både offentliga och statiska fält. Vi kommer att titta på skillnaderna och användningen av dessa fält i verkliga tillämpningar.
Viktigaste insikter
- Du kan deklarera och initiera fält i klasser, både som offentliga och som statiska medlemmar.
- Offentliga medlemmar är tillgängliga för alla instanser av klassen.
- Statiska medlemmar är klassomfattande och delar samma lagringsutrymme för alla instanser.
- Initiering av fält bör ske på ett meningsfullt sätt för att undvika oavsiktliga fel.
Steg-för-steg-guide
Deklarera och initiera fält
I början lär du dig hur du deklarerar fält inom en klass. Du kan initiera fält direkt vid deras definition, vilket ökar läsbarheten och underhållbarheten av koden.
Med koden ovan definierar du ett fält description med ett initialvärde.
Som du kan se, när du skapar objektet, är initialvärdet direkt tillgängligt.
Överskriv initialvärden i konstruktorn
Dessutom kan du överskriva initialvärdet av ett fält i konstruktorn. Konstruktorn anropas när du skapar en instans av klassen. Här kan du ändra värdet på fältet med det överlämnade argumentet.
Åtkomst till fält
Åtkomst till fälten sker via instansen av din klass. Med nyckelordet this kan du få åtkomst till medlemsvariablerna.
När du nu skapar ett objekt av Circle ser du att värdet av description skrivs ut.
Använda statiska fält
Statiska fält är ett annat viktigt koncept som du kan använda i dina JavaScript-klasser. Till skillnad från vanliga fält är statiska fält klassomfattande och inte instansspecifika. Det innebär att det endast finns en kopia av detta fält, oavsett hur många instanser du skapar av klassen.
Åtkomst till statiska fält
Det är viktigt att notera att åtkomsten till statiska fält inte sker via instansen, utan uteslutande via klassen.
Definiera statiska metoder
Utöver statiska fält kan du också definiera statiska metoder i dina klasser.
Ändringar av statiska fält
En intressant egenskap hos statiska fält är att när du ändrar värdet på ett statiskt fält gäller denna ändring för alla instanser.
Slutsats om användning av fält i JavaScript
Sammantaget är du nu kapabel att använda både offentliga och statiska fält i JavaScript-klasser effektivt. Du vet hur man deklarerar, initierar och får åtkomst till fält. Statiska fält och metoder öppnar upp för ytterligare möjligheter vid utformning av dina klasser.
Sammanfattning - Fält i klasser: En guide till JavaScript
Med denna handledning har du lärt dig grunderna i fält i JavaScript-klasser. Du ska nu kunna deklarera, initiera och använda fält efter behov.
Vanliga frågor
Vilka typer av fält finns det i JavaScript-klasser?Det finns offentliga och statiska fält.
Hur får jag åtkomst till statiska fält?Du får åtkomst till dem genom klassnamnet, följt av en punkt.
Vad händer om jag ändrar statiska fält?Ändringar av statiska fält påverkar alla instanser av klassen.
