Efektīvi izmantot laukus JavaScript klasēs

Izmantošana laukumu vai loceklismainīgo JavaScript-klasēs ir centrāls jēdziens, kas ir pakļauts jaunajiem standartiem no ES6 līdz ES13. Šajā apmācībā mēs parādīsim, kā tu vari deklarēt un inicializēt gan publiskus, gan statiskus laukumus. Mēs aplūkosim atšķirības un šo laukumu izmantošanu reālajās lietojumprogrammās.

Galvenās atziņas

• Tu vari deklarēt un inicializēt laukumus klasēs, gan kā publiskus, gan kā statiskus locekļus.
• Publiskie locekļi ir pieejami visām klases instancēm.
• Statiskie locekļi ir klases līmeņa un dalās ar to pašu atmiņas vietu visām instancēm.
• Lauku inicializācijai jānotiek jēgpilni, lai izvairītos no neparedzētām kļūdām.

Solim pa solim instrukcija

Lauku deklarēšana un inicializēšana

No sākuma tu uzzināsi, kā tu vari deklarēt laukumus iekšienē klasē. Tu vari tieši pie definīcijas inicializēt laukumus, kas uzlabo koda lasāmību un uzturēšanu.

Ar iepriekš minēto kodu tu definē laukumu description ar inicializācijas vērtību.

Kā tu vari redzēt, kad tu izveido objektu, inicializācijas vērtība ir tieši pieejama.

Inicializācijas vērtības konstruktorā

Tāpat tu vari pārdefinēt laukuma inicializācijas vērtību konstruktorā. Konstruktoru sauc, kad tu izveido klases instanci. Šajā gadījumā tu vari mainīt laukuma vērtību, izmantojot nodoto argumentu.

Piekļuve laukumiem

Piekļuve laukumiem tiek veikta caur tvo klases instanci. Ar this atslēgvārdu tu vari piekļūt loceklismainīgajam.

Ja tu tagad izveido objektu no Circle, tu redzēsi, ka tiek izvadīta description vērtība.

Statisko laukumu izmantošana

Statiskie laukumi ir vēl viens svarīgs jēdziens, ko tu vari izmantot savās JavaScript klasēs. Atšķirībā no parastajiem laukumiem, statiskie laukumi ir klases līmeņa un nav instancē specifiski. Tas nozīmē, ka šim laukumam ir tikai viena kopija, neatkarīgi no tā, cik daudz instanču tu izveido no klases.

Piekļuve statiskajiem laukumiem

Ir svarīgi atzīmēt, ka piekļuve statiskajiem laukumiem notiek nevis caur instanci, bet tikai caur klasi.

Statisko metožu definēšana

Pievienojot statiskajiem laukumiem, tu vari arī definēt statiskās metodes savās klasēs.

Statisko laukumu izmaiņas

Interesants uzvedības aspekts statiskajiem laukumiem ir, ka, ja tu maini statiskā laukuma vērtību, šī izmaiņa attiecas uz visām klases instancēm.

Secinājums par laukumu izmantošanu JavaScript

Kopumā tu tagad esi spējīgs efektīvi izmantot gan publiskos, gan statiskos laukumus JavaScript klasēs efektīvi. Tu zini, kā deklarēt laukumus, inicializēt tos un kā piekļūt tiem. Statiskie laukumi un metodes tev atver papildus iespējas klasēm.

Kopsavilkums - Lauki klasēs: Ceļvedis JavaScript

Ar šo apmācību tu esi iemācījies laukumu pamatprincipus JavaScript klasēs. Tu tagad jāspēj deklarēt laukumus, inicializēt tos un izmantot atkarībā no nepieciešamības.