JavaScript ir ievērojami attīstījies gadu gaitā. Īpaši ar ES6 ieviešanu programmēšana ar klasēm ir kļuvusi daudz vieglāka. Vecā metode, kā izveidot klases, izmantojot prototipus un konstruktora funkcijas, bieži bija apgrūtinoša un kļūdaina. Šajā apmācībā tu uzzināsi, kā efektīvi izmantot jauno class sintaksi un kādas atšķirības pastāv starp veco un jauno pieraksta veidu. Turklāt tu iemācīsies, kā paplašināt savu klašu struktūru, izmantojot mantošanu.
Būtiskākās atziņas
- Jaunā class sintakse ļauj skaidrāk un kompaktāk definēt formas.
- Konstruktora izmantošana ir vienkāršāka un neprasa atsevišķus prototipus.
- Funkcionalitāte aiz class sintakses paliek prototipa bāzēta.
Soliet pa solim
1. Vecā pieraksta izpratne
Lai atpazītu jaunās klašu sintakses priekšrocības, vispirms aplūkosim veco metodi. Šajā procesā tika izveidota konstruktora funkcija un metodes tika pievienotas, izmantojot prototipu.
Ja vēlies izveidot jaunu objektu, tas notiek ar new Shape(1, 100, 200). Pēc tam objektu shape var izmantot, lai iegūtu tā īpašības.
2. Vērtību attēlošana
Lai pārliecinātos, ka mūsu objektu instance darbojas pareizi, mēs izvadām īpašības x un y.
3. Jaunās class sintakses ieviešana
Tagad pāriesim pie jaunās class sintakses, kas ir pieejama kopš ES6.
Izmaiņas ir acīmredzamas: tev vairs nav nepieciešams atsevišķs prototypes. Tā vietā tu definē visas metodes iekšā klases.
4. Objekti ar jauno klasi
Objekta izveide ar jauno sintaksi notiek tāpat kā iepriekš. Tu izmanto new, lai izveidotu instanci klasei Shape.
5. Jaunās klases izmantošana
Jaunās definētās klases izmantošana ir identiska vecajā metodē. Tu vari izmantot instanci shape1, lai iegūtu vērtības un izmantotu move metodi.
6. Mantošana klasēs
Vēl viena class sintakses priekšrocība ir mantošanas iespēja. Ja vēlies izveidot jaunu klasi, kas manto no esošās klases, tu vari izmantot atslēgvārdu extends.
Šādā veidā bērnu klases konstruktors super() izsauc vecāku klases konstruktoru. Tas ļauj izmantot Shape īpašības, vienlaikus definējot unikālas īpašības Rectangle.
7. Secinājums par class deklarāciju
Class sintakse padara tavu koda bāzi ne tikai pārskatāmāku, bet arī ļauj skaidrāk strukturēt darbu ar objektu orientētiem konceptiem. Tu vari ne tikai izveidot klases, bet arī veidot sarežģītas mantošanas hierarhijas, kas padara tavu kodu elastīgāku un vieglāk apsaimniekojamu.
Kopsavilkums – Jaunā klašu sintakse JavaScript: ES6 līdz ES13
Šajā apmācībā tu esi iemācījies, kā efektīvi izmantot jauno class sintaksi JavaScript no ES6 līdz ES13. Vecā klasifikācijas metode bieži bija apgrūtinoša un kļūdaina, kamēr jaunā sintakse nodrošina skaidru un vienkāršu struktūru. Turklāt tu esi iepazinies ar mantošanas pamatiem, izmantojot extends sintaksi, lai vēl vairāk paplašinātu savas klases.
Bieži uzdotie jautājumi
Kāds ir starpība starp veco un jauno klašu sintaksi?Vecā metode izmanto konstruktora funkcijas un prototipus, kamēr jaunā sintakse vienkāršo klašu definēšanu un izmantošanu.
Kāpēc man vajadzētu izmantot jauno class sintaksi?Tā piedāvā skaidrāku, kompaktāku un intuitīvāku veidu, kā definēt klases, kas uzlabo koda uzturēšanu un lasāmību.
Kā darbojas mantošana ar class sintaksi? Tava klase var mantot citu klasi funkcionalitātes, izmantojot atslēgvārdu extends, izsaucot vecāku klases konstruktora ar super().
