Sodoben JavaScript z ES6-ES13 (JS-vodnik)

To te čaka v tej spletni tečaj JavaScript ES6.

Javascript obstaja že mnogo let v brskalnikih. Skoraj vsaka spletna stran vsebuje več ali manj JS kodo. Čeprav so bile prve verzije še zelo trmaste, se je do sedaj dobro delalo s standardom ES5, vsaj če ste znali spretno obiti pasti in nepredvidljivosti. Zakaj se torej učiti nekaj novega in ne ostati pri preizkušenem? V tej lekciji bom pokazal prednosti novega standarda ES6 in razloge, zakaj se pravzaprav ne bi smeli odreči temu.

Do vključno ES5 je bila ključna beseda var edina možnost za deklaracijo spremenljivk ter je zaradi svojih posebnosti pogosto povzročala nezaželeno obnašanje ali celo napake. ES6 prinaša dve novi ključni besedi let in const, ki odpravljata nekatere pomanjkljivosti var.

Zanka for je znana vsakemu spletnemu razvijalcu. Pogosto se uporablja tudi za pregledovanje polj. Z ES6 obstaja različica zanke for, ki to omogoča veliko krajše in preglednejše.

Funkcije so v JS bistvenega pomena in doslej so bile deklarirane in definirane samo prek ključne besede function. ES6 uvaja zelo eleganten in kratek zapis, ki ne le naredi kodo bolj berljivo, ampak tudi ponuja rešitev za nadležen problem z this.

Izbirni parametri se v ES5 uresničijo nekoliko nerodno in se ne razkrivajo klicatelju funkcije. V ES6 lahko izbirne parametre s privzetimi vrednostmi zapišemo neposredno v podpis funkcije.

Razkropljenje omogoča selektivno ekstrahiranje elementov iz objektov in nizov. Ob natančnem pregledu se pokažejo številne možnosti uporabe, ki ustvarjajo eleganten in kompakten JS-kodo.

Rokovanje z arguments-spremenljivko je bilo do ES6 potrebno, da je bilo dovoljeno uporabiti spremenljivo število parametrov pri funkcijah. V ES6 je to veliko lažje z uporabo t. i. preostalih parametrov.

Ne le pri definicijah funkcij se operator …- uporablja pri preostalih parametrih, ampak tudi pri razčlenjevanju matrik se ga lahko uporabi, da zajame "preostanek" elementov in jih ponudi kot matriko.

Restni operator se lahko uporabi ne le pri poljih, temveč tudi pri objektih, kjer lahko zajame preostale lastnosti in jih ponudi kot objekt.

Nasprotno od operatorja Rest je operator Spread. Izgleda enako (…), vendar stoji na drugi strani dodelitve in razporedi polje na svoje posamezne dele.

Trikk s širilnim operatorjem deluje zelo dobro tudi pri objektih. S tem lahko objekte »vmešamo« v druge objekte. Alternativa, Object.assign(), pa je prav tako zelo dobra.

Metode v objektnih dobesedcih so zelo nerodne za pisanje s ključno besedo function-. S pomočjo ES6 pa jih lahko napišemo veliko krajše in jedrnateje.

Težko je reči drugače: Večvrstične nizke konstante z vgrajenimi vrednostmi spremenljivk so bile do ES6 prava muka in tudi zelo neprijetne za branje. Novi predlogi za konstante v ES6 pa so prava sintaktična poslastica.

Objekte se je vedno dalo zlorabiti kot Key-Value-Store ali slovar, vendar z nekaterimi slabostmi. Nova podatkovna struktura Map se znebi teh slabosti ter ponuja trdno funkcionalnost slovarja, kot jo poznamo iz drugih programskih jezikov.

Po tem, ko se s pomočjo promisov izognemo peklu povratnih klicev, async/await konstrukt dodatno izboljša sintaktični sladkor. Temelji na promisih in omogoča programiranje asinhronih operacij skoraj tako kot sinhronih. Kdor enkrat programira z async/await, se izogne neposredni uporabi then- metode promisov (in še toliko bolj uporabi povratne klice).

Poleg statičnega uvažanja modulov s ključno besedo import, ES6 tudi podpira dinamično uvažanje z uporabo funkcije import. Ker deluje asinhrono, se vrne obljuba (Promise), na katere rešitev lahko počakamo z uporabo await. S tem je omogočeno nalaganje modulov med delovanjem brez ovir.

Tudi dedovanje še vedno temelji na prototipih, vendar se v ES6 zapiše veliko lažje in pregledneje s ključno besedo extends. Ko se ga uporablja, je treba konstruktor osnovnega razreda poklicati ob pravem času z super. Kako to storiti, bo seveda pojasnjeno tudi v tej lekciji.

Zdaj je mogoče deklarirati tudi zasebna polja, do katerih zagotovo ne moremo dostopati od zunaj. Malce nenavaden je način deklaracije, ki se opazno razlikuje od drugih programskih jezikov.

Z novim ključnim besedilom razred in povezanimi funkcijami, kot sta dedovanje in inkapsulacija podatkov (zasebna polja), bi morali biti vsi OO programerji zadovoljni, kajne? V tem poglavju želim predstaviti alternativo za ustvarjanje objektov, ki se popolnoma izognemo razredom, prototipom in temu, vendar pa omogoča bolj prilagodljiv način "dedovanja" oziroma boljše "komponiranje".

Najpomembnejše funkcije različice ES6 in novejše bi morale biti zdaj obravnavane. Ažuriranja pa se še vedno pojavljajo. Nekatere manj pogosto uporabljene funkcije še niso bile omenjene. V tem poglavju bo pojasnjeno, kaj lahko pričakujemo v prihodnosti, in katere funkcije bi še vedno bile zanimive v posebnih primerih.