Modern JavaScript ES6-ES13 (JS útmutató)

A JavaScript-osztályok mezőinek hatékony használata

A bemutató összes videója Modern JavaScript ES6-tól ES13-ig (JS útmutató)

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.

A mezők hatékony használata a JavaScript osztályokban

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.

A mezők hatékony használata JavaScript osztályokban

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.