A mezők vagy tagváltozók használata a JavaScript-osztályokban egy központi fogalom, amely az ES6-tól az ES13-ig terjedő új standardokkal a középpontba került. Ebben a tutorialban megmutatjuk, hogyan deklarálhatsz és inicializálhatsz nyilvános és statikus mezőket. Közben megvizsgáljuk ezen mezők különbségeit és felhasználását valós alkalmazásokban.
Legfontosabb megállapítások
- Mezőket deklarálhatsz az osztályokban, mind nyilvános, mind statikus tagként.
- A nyilvános tagok minden osztálypéldány számára hozzáférhetők.
- A statikus tagok osztályszintűek és az összes példány osztozik ugyanazon a tárolóhelyen.
- A mezők inicializálása értelmesen kell történjen, hogy elkerüljük a véletlen hibákat.
Lépésről lépésre útmutató
Mezők deklarálása és inicializálása
Kezdésként megtanulod, hogyan deklarálj mezőket egy osztályon belül. A mezőket közvetlenül a definíciójuknál inicializálhatod, ami növeli a kód olvashatóságát és karbantarthatóságát.
A fenti kóddal egy description mezőt definiálsz kezdeti értékkel.

Ahogy látod, amikor létrehozod az objektumot, a kezdeti érték azonnal elérhető.
Kezdeti értékek felülbírálása a konstruktorban
Továbbá felülbírálhatod egy mező kezdeti értékét a konstruktorban. A konstruktor hívódik meg, amikor létrehozol egy osztálypéldányt. Ekkor megváltoztathatod a mező értékét az átadott argumentummal.
Hozzáférés a mezőkhöz
A mezőkhöz való hozzáférés az osztályod példányán keresztül történik. A this kulcsszó segítségével hozzáférhetsz a tagváltozókhoz.
Most, ha létrehozol egy Circle objektumot, látni fogod, hogy a description értéke kiírásra kerül.
Statikus mezők használata
A statikus mezők egy másik fontos fogalom, amelyet a JavaScript osztályaidban használhatsz. A normál mezőkkel szemben a statikus mezők osztályszintűek és nem példány-specifikusak. Ez azt jelenti, hogy csak egy példány létezik ebből a mezőből, függetlenül attól, hogy hány példányt hozol létre az osztályból.
Hozzáférés a statikus mezőkhöz
Fontos megjegyezni, hogy a statikus mezőkhöz való hozzáférés nem az példányon, hanem kizárólag az osztályon keresztül történik.
Statikus módszerek definiálása
Statikus mezők mellett statikus módszereket is definiálhatsz az osztályaidban.

Statikus mezők módosításai
Érdekes viselkedés a statikus mezőknél, hogy ha megváltoztatod egy statikus mező értékét, ez a változás minden példányra érvényes.
Összegzés a mezők használatához JavaScriptben
Összefoglalva most már képes vagy nyilvános és statikus mezőket hatékonyan használni JavaScript osztályokban. Tudod, hogyan kell mezőket deklarálni, inicializálni és hogyan hozzáférni hozzájuk. A statikus mezők és módszerek további lehetőségeket nyújtanak az osztályaid struktúrájának megtervezésében.
Összefoglalás - Mezők az osztályokban: Útmutató JavaScripthez
Ezzel a tutoriallal megtanultad a mezők alapjait a JavaScript osztályokban. Most már képesnek kell lenned mezőket deklarálni, inicializálni és azokat a szükségleteidnek megfelelően használni.
Gyakran feltett kérdések
Milyen típusú mezők léteznek a JavaScript osztályokban?Vannak nyilvános és statikus mezők.
Hogyan férhetek hozzá a statikus mezőkhöz?Az osztály neve után egy pontot használva hozzáférhetsz.
Mi történik, ha megváltoztatom a statikus mezőket?A statikus mezők módosításai minden osztálypéldányra hatással vannak.