Efektívne využitie polí v triedach JavaScript

Používanie polí alebo členských premenných v JavaScript-triedach je ústredný koncept, ktorý sa s novými štandardmi od ES6 po ES13 dostal do popredia. V tomto tutoriáli ti ukážeme, ako môžeš deklarovať a inicializovať verejné aj statické polia. Pri tom sa pozrieme na rozdiely a použitie týchto polí v reálnych aplikáciách.

Hlavné zistenia

• Môžeš deklarovať a inicializovať polia v triedach, a to ako verejné, tak aj statické členské premenné.
• Verejné členské premenné sú prístupné pre všetky inštancie triedy.
• Statické členské premenné sú na úrovni triedy a delia sa o rovnaký pamäťový priestor pre všetky inštancie.
• Inicializácia polí by mala byť vykonaná rozumne, aby sa predišlo neúmyselným chybám.

Krok za krokom návod

Polia deklarovať a inicializovať

Na začiatku sa naučíš, ako deklarovať polia v rámci triedy. Môžeš polia inicializovať priamo pri ich definícii, čo zvyšuje čitateľnosť a údržbu kódu.

Pomocou vyššie uvedeného kódu definuješ pole description s počiatočnou hodnotou.

Ako môžeš vidieť, keď vytvoríš objekt, je počiatočná hodnota okamžite k dispozícii.

Prepisovanie počiatočných hodnôt v konštruktore

Okrem toho môžeš prepisovať počiatočnú hodnotu poľa v konštruktore. Konštruktor sa volá, keď vytvoríš inštanciu triedy. Pri tom môžeš zmeniť hodnotu poľa pomocou odovzdaného argumentu.

Prístup k poliam

Prístup k poliam sa realizuje cez inštanciu tvojej triedy. Pomocou kľúčového slova this môžeš pristupovať k členským premenným.

Keď teraz vytvoríš objekt Circle, uvidíš, že hodnota description sa vypíše.

Používanie statických polí

Statické polia sú ďalší dôležitý koncept, ktorý môžeš použiť vo svojich JavaScript triedach. Na rozdiel od normálnych polí sú statické polia na úrovni triedy a nie špecifické pre inštanciu. To znamená, že existuje iba jedna kópia tohto poľa, bez ohľadu na to, koľko inštancií triedy vytvoríš.

Prístup k statickým poliam

Je dôležité si uvedomiť, že prístup k statickým poliam prebieha nie cez inštancie, ale výlučne cez triedu.

Definovanie statických metód

Okrem statických polí môžeš vo svojich triedach definovať aj statické metódy.

Zmeny statických polí

Zaujímavé správanie pri statických poliach je, že ak zmeníš hodnotu statického poľa, táto zmena sa vzťahuje na všetky inštancie.

Záver o používaní polí v JavaScripte

Na záver si teraz schopný efektívne používať ako verejné, tak aj statické polia v JavaScript triedach. Vieš, ako deklarovať a inicializovať polia a ako na ne pristupovať. Statické polia a metódy ti otvárajú ďalšie možnosti pri navrhovaní tvojich tried.

Zhrnutie - Polia v triedach: Sprievodca pre JavaScript

S týmto tutoriálom si sa naučil základy polí v JavaScript triedach. Teraz by si mal byť schopný deklarovať, inicializovať polia a používať ich podľa potreby.