Sodoben JavaScript z ES6–ES13 (JS-vodič)

Učinkovita uporaba polj v razredih JavaScript

Vsi videoposnetki vadnice Sodoben JavaScript z ES6-ES13 (JS-vodnik)

Uporaba polj ali članov v JavaScript-razredih je osrednja koncepcija, ki je s novimi standardi od ES6 do ES13 prišla v ospredje. V tem tutorialu ti bomo pokazali, kako lahko deklariraš in inicializiraš tako javna kot tudi statična polja. Pri tem bomo obravnavali razlike in uporabo teh polj v realnih aplikacijah.

Najpomembnejše ugotovitve

  • Lahko deklariraš in inicializiraš polja v razredih, tako kot javne kot tudi statične člane.
  • Javni člani so dostopni za vse instance razreda.
  • Statični člani so na ravni razreda in delijo enak pomnilnik za vse instance.
  • Inicializacija polj mora potekati smiselno, da se izogneš nenamernim napakam.

Navodila po korakih

Deklariranje in inicializiranje polj

Na začetku se naučiš, kako deklarirati polja znotraj razreda. Polja lahko inicializiraš neposredno ob njihovi definiciji, kar povečuje berljivost in vzdržljivost kode.

Z zgornjo kodo definiraš polje description z začetno vrednostjo.

Učinkovita uporaba polj v JavaScript razredih

Kot lahko vidiš, ko ustvariš objekt, je začetna vrednost takoj na voljo.

Prepisovanje začetnih vrednosti v konstruktorju

Poleg tega lahko v konstruktorju prepišeš začetno vrednost polja. Konstruktor se pokliče, ko ustvariš instanco razreda. Pri tem lahko spremeniš vrednost polja z vsako predano argumentom.

Dostop do polj

Dostop do polj poteka preko instance tvojega razreda. S pomočjo ključne besede this lahko dostopaš do članov spremenljivk.

Ko zdaj ustvariš objekt Circle, vidiš, da se vrednost description izpiše.

Uporaba statičnih polj

Statična polja so še en pomemben koncept, ki ga lahko uporabiš v svojih JavaScript razredih. V nasprotju z običajnimi polji so statična polja na ravni razreda in niso specifična za instanco. To pomeni, da obstaja le ena kopija tega polja, ne glede na to, koliko instanc ustvariš iz razreda.

Dostop do statičnih polj

Pomembno je omeniti, da se dostop do statičnih polj ne izvaja preko instance, temveč izključno preko razreda.

Definiranje statičnih metod

Poleg statičnih polj lahko tudi v svojih razredih definiraš statične metode.

Učinkovita uporaba polj v razredih JavaScript

Spremembe statičnih polj

Interesantno vedenje pri statičnih poljih je, da če spremenite vrednost statičnega polja, ta sprememba velja za vse instance.

Zaključek o uporabi polj v JavaScriptu

Na kratko, zdaj si sposoben učinkovito uporabljati tako javna kot tudi statična polja v JavaScript razredih. Vedi, kako se polja deklarirajo, inicializirajo in kako se do njih dostopa. Statična polja in metode ti odpirajo dodatne možnosti pri oblikovanju tvojih razredov.

Povzetek - Polja v razredih: Vodnik za JavaScript

Na tem tutorialu si se naučil osnove polj v JavaScript razredih. Zdaj bi moral biti sposoben deklarirati polja, jih inicializirati in jih uporabljati po potrebi.

Pogosta vprašanja

Katere vrste polj obstajajo v JavaScript razredih?Obstajajo javna in statična polja.

Kako dostopam do statičnih polj?Dostopaš preko imena razreda, ki mu sledi pika.

Kaj se zgodi, če spremenim statična polja?Spremembe statičnih polj vplivajo na vse instance razreda.