Mūsdienīgs JavaScript ar ES6–ES13 (JS pamācības materiāls)

Tevi gaida šajā JavaScript ES6 kursā.

Jau daudzus gadus JavaScript eksistē pārlūkprogrammās. Gandrīz katrs tīmekļa vietne satur vairāk vai mazāk JS kodu. Lai arī pirmās versijas bija diezgan neveiklas, ar ES5 standartu joprojām bija iespējams strādāt diezgan veiksmīgi, vismaz ja varēja vērā ņemt ganas un neparedzamības. Tāpēc kāpēc mācīties kaut ko jaunu un neielikt uz pārbaudītā? Šajā nodarbībā es parādīšu ES6 jaunā standarta priekšrocības un iemeslus, kāpēc būtu neiespējami palikt bez tā.

Līdz un ar ES5 atslēgvārds var bija vienīgais veids, kā deklarēt mainīgos, un ar savām īpatnībām bieži vien rada nevēlētu uzvedību vai pat kļūdas. ES6 ievieš divus jaunus atslēgvārdus let un const, kas novērš dažas var trūkumus.

Ikvienam tīmekļa izstrādātājam ir zināma For cikla funkcija. Bieži to izmanto, lai caurietu masīvus. Ar ES6 tika ieviesta For cikla versija, kas šo darbību ļauj veikt īsāk un kompaktāk.

Funkcijas ir būtiskas JS un līdz šim tika deklarētas un definētas tikai ar atslēgvārdu funkcija. ES6 ievieš ļoti elegantu un īsu pierakstu, kas ne tikai padara kodu lasāmāku, bet arī piedāvā risinājumu par problēmu ar this.

ES5 ir iespējams īstenot neobligātos parametrus nedaudz sarežģītā veidā, un tie netiek atklāti funkcijas izsaukumā. Ar ES6 neobligātie parametri ar to noklusētajām vērtībām var tikt tieši iekļauti funkcijas signatūrā.

Destrukturizācija ļauj īpaši izcelt elementus no objektiem un masīviem. Rūpīgi pārskatot, rodas daudzas pielietošanas iespējas, kas padara JS kodu eleganteru un kompaktāku.

Ar arguments-mainīgo darbošanās bija nepieciešama līdz ES6, lai ļautu funkcijām pieļaut mainīgu parametru skaitu. Šis ES6 ir daudz vieglāks ar tā sauktajiem atlikuma parametriem.

Ne tikai funkciju definīcijās atlikuma parametru gadījumā tiek izmantots operators ..., bet arī masīva destrukturizēšanās laikā, lai noķertu "atlikumu" un to piedāvātu kā masīvu.

Ne tikai priekš masīviem var izmantot atlikumu operators, tas var tikt izmantots arī objektos, lai uzņemtu atlikušās īpašības un nodrošinātu tās kā objektu.

Atlikuma operators pretējs ir izplatīšanas operators. Tas izskatās tāpat (…), bet atrodas otrā pusē no piešķiršanas un izplata masīvu atsevišķos gabalos.

Ar "triku" izplatītāja operatoru strādā arī ļoti labi ar objektiem. Tādējādi objektos var "iekrāsot" objektus. Ar Object.assign() šim mērķim ir ļoti laba alternatīva.

Funkcijas objektliterālos ir ļoti apjomīgas rakstīt ar funkcija-Vārdu. Ar ES6 to var rakstīt daudz īsāk un saprotamāk.

Nav iespējams nepieminēt: Iepriekšējie daudzrindu virknes literāli ar iekļautajām mainīgo vērtībām bija kā ciešanas līdz ES6 un arī bija ļoti nepatīkami lasāmi. TAISNĪGI ES6 jaunie veidnes literāli ir sintaktiska bauda.

Objekti vienmēr ir bijuši izmantojami kā atslēgu-vērtību krātuve vai vārdnīca, taču ar dažādiem trūkumiem. Jaunā karte datu struktūra atbrīvojas no šiem trūkumiem un nodrošina stabilu vārdnīcas funkcionalitāti, kā to zina no citām programmēšanas valodām.

Pēc promises li usage agrīno atgriezumu ir iespējams izvairīties, async/await-konstrukts vēl vairāk uzlabo sintaktisko saldumu. Tas balstās uz promises un ļauj programmēt asinhronus notikumus gandrīz kā sinhronus. Cilvēks, kurš reizi ir programmējis ar async/await, turpmāk izvairīsies no tiešas then- metodes no promises izmantošanas (un vēl vairāk no callback).

Papildus moduļu statiskajai importēšanai ar atslēgvārdu import, ES6 atbalsta arī dinamisko importēšanu ar import-funkciju. Tā kā viss notiek asinhroni, tiek atgriezts solījums, kuru var labi gaidīt, izmantojot await. Tādējādi moduļu ielāde laikā izmantojot atbilstošus laika punktus vairs nav nekādu šķēršļu.

Mantošana joprojām balstās uz prototipiem, ES6 rakstāsies extends atslēgvārdā, kas ir daudz vienkāršāks un skaidrāks. To izmantojot, bāzes klases konstruktoru ir nepieciešams izsaukt pareizajā laikā ar super. Kā to darīt, protams, tiks skaidrots šajā nodarbībā.

Tagad ir iespējams deklarēt arī privātos laukus, un tiem noteikti nav piekļuves no ārpuses. Nedaudz nepierasts ir to deklarēšanas veids, kas atšķiras no citām programmēšanas valodām.

Ar jauno atslēgvārdu class un saistītajiem iezīmēm kā mantošana un datu noslēpums (privātie lauki), visi OO programmētāji teorētiski vajadzētu būt apmierināti, vai ne? Šajā nodarbībā es vēlos izplatīt alternatīvu objektu izveidei, kas nesaskan ar klasēm, prototipiem un this, bet sniedz elastīgāku "mantošanas" jēgu jeb "kompozīciju".

ES6 un jaunāko versiju galvenie elementi tagad vajadzētu būt apskatīti. Tomēr pastāv nepārtrauktas jaunievedumi. Vēl nav pieminētas dažas retāk izmantotās funkcijas. Šajā nodarbībā tiks skaidrots, ko vēl var sagaidīt nākotnē un kuras funkcijas var būt interesantas īpašos gadījumos.