„CoffeeScript“ pagrindai

CoffeeScript Tai yra visavertė programavimo kalba, ji leidžia mums išreikšti visas savo instrukcijas savo sintaksėje, o tada, kai sudarysime rezultatą, ypatingas dalykas yra tas, kad šis rezultatas, kurį gausime, yra naujas kodo failas, kuri pasirodo esanti instrukcija „JavaScript“.
Ši ypatybė verčia mus tai suprasti CoffeeScript yra programavimo būdas „JavaScript“ su šiuolaikiška ir švaria sintaksė, palengvinanti kodo skaitymą, tačiau suderinama su tuo, kas egzistuoja žiniatinklio pasaulyje, nes gautas failas yra „JavaScript“ Geriausia, kad tai yra optimizuotas kodas ir kad jis atitinka geriausią praktiką, todėl perskaitę rezultatus įgysime žinių apie juos ir taip patobulinsime kodavimą šia paskutine kalba.
ReikalavimaiNorėdami tęsti šią pamoką ir jos pavyzdžius, mums reikės funkcinio diegimo CoffeeScript, kaip teksto redaktorius Aukščiausias tekstas ar kitą kiekvieno pasirinkimą ir leidimus mūsų komandai, kad būtų galima paleisti kompiliatorių CoffeeScript.
The kintamieji Tai yra užduotys, kurias mes atliekame atminties erdvėse ir kurios turi unikalų pavadinimą programos vykdymo metu, kad žinotume, kokia šios erdvės vertė. Tai yra viena iš pagrindinių programavimo sąvokų, bet taip pat viena galingiausių, nes būtent ji leis mums padėti sau vykdant algoritmus.
Kintamųjų priskyrimas CoffeeScript Tai labai paprasta, mes nurodome tik pavadinimą, po kurio eina lygybė, ir minėto kintamojo reikšmę. Vardai gali būti bet koks žodis ar raidė, po kurių eina skaičiai arba pabraukimai, visada prisimindami, kad jie skiriasi nuo rezervuotų kalbos žodžių.
Paprastas pavyzdys yra toks:

 žymeklis = 3

Mes atliksime šį paprastą pavyzdį savo „CoffeeScript“ konsolėje, kad pasiektume savo komandų konsolę ir įvestume kavą, pažiūrėkime konsolės atsakymą vykdydami mūsų pavyzdį:

Kaip matome, priskyrimas atspausdina vertę, kurią pritaikėme kintamajam, kur jį iškvietus atspausdinama jo vertė.
Kas atsitiks, jei norime pridėti kelis kintamuosius ir priskirti vertę bendram kintamajam, tai veikia panašiai kaip ką tik matėme, pavyzdžiui:

 a = 2b = 3c = a + b

Jei spausdinsime c turėtume gauti 5 rezultatą, pažiūrėkime konsolės atsakymą:

Dabar, kai suprantame, kaip veikia kintamųjų priskyrimas CoffeeScript Pažiūrėkime, ką galime padaryti, kai sudarome kompensaciją, ką padarysime, sukuriame pavyzdinį failą pavadinimu kintamieji.kava ir tada mes ją sudarysime, tokiu būdu gausime failą kintamieji.js kurį galime analizuoti. In kintamieji.kava išdėstysime šiuos dalykus:

 a = 3 * 2b = 2c = a * bd = c - 1

Dabar pažiūrėkime, kokius rezultatus sukuria mūsų failas, įvedus konsolėje: kava -c kintamieji.kava.

DIDELIS

Nuotraukoje matome failo turinį kintamieji.js, kaip matome CoffeeScript mūsų instrukcijas pavertė kodu „JavaScript“, kur mes vertiname, kad pirmas dalykas, kurį jis padarė, buvo inicijuoti kintamuosius, kurie bus naudojami su raktiniu žodžiu var, taip pat pastebime, kad kiekvienas teiginys baigiasi kabliataškiu (tai nėra būtina CoffeeScript nebent norime vykdyti dvi instrukcijas toje pačioje eilutėje.
Kartais reikia lyginti ir, priklausomai nuo rezultato, kodas yra įvykdytas ar ne, tam pirmiausia galime naudoti bloką jei, kur galime paklausti, ar įvykdyta sąlyga, ir jei taip, vykdomas instrukcijų rinkinys.
Kaip tai veikia „CoffeeScript“Vienas iš jo ypatumų CoffeeScript kad mums nereikia naudoti skliaustų ar skliaustų, kad sudarytume sąlyginius blokus, tačiau dėl to, kad jų nėra, būtinai turime naudoti įtrauką, tai yra, viskam, kas yra bloko turinyje, reikia palikti tarpą arba skirtuką, kad jie būtų ne to paties lygio linijoje.
Šiame pavyzdyje pažiūrėkime paprastą palyginimą:

 if true == true console.log "Pirmą kartą padarėme"

Čia pirmiausia galime pastebėti, kad nėra skliaustelių, skirtų sąlygai sugrupuoti, taip pat ir skliaustų, skirtų blokui grupuoti, antra tvarka funkcija console.log ne tame pačiame lygyje kaip instrukcija jei, tai vienintelis būdas CoffeeScript žinoti, kad pastarasis yra įtrauktas į sąlyginį bloką, nes jei ne, jis būtų vykdomas neatsižvelgiant į tai, ar sąlyga įvykdyta, ar ne.
Pažvelkime į nedidelį pavyzdį, kad parodytume viską, ką sužinojome, šiame kode mes turėsime bloką jei su sąlyga ir jei tai bus įvykdyta, bus įvykdyta dalis kodo, turėsime nurodymą, kuris bus vykdomas nepriklausomai nuo sąlygos, vienintelis skirtumas tarp abiejų nurodymų yra tas, kad tas, kuris vykdomas su sąlyga, yra įtrauktas ir kitas vienas ne. Mes sukursime failą pavadinimu example_if.coffee ir į jį įtrauksime šias kodo eilutes:

 a = 5b = 3if a> b console.log "a yra didesnis nei b" console.log "tai vykdoma neatsižvelgiant į sąlygą"

Mes sudarome ir šiame paveikslėlyje matome failą .js rezultatas:

Tada galime pastebėti, kaip blokas jei Ji su petnešomis grupuoja tai, kas bus įvykdyta įvykdžius sąlygą, kita vertus, tai, kas vykdoma nepriklausomai nuo jos, paliekama grupėje. Norėdami parodyti, kad visa tai tiesa, mes pakeisime kodą ir taip pat įtrauksime antrąją instrukciją, mūsų kodas būtų toks:

 a = 5b = 3if a> b console.log "a yra didesnis nei b" console.log "tai vykdoma nepriklausomai nuo sąlygos"

Mes sudarysime dar vieną kartą ir pamatysime rezultatą šiame paveikslėlyje:

Taip parodyta įtraukos svarba, kuri ne tik suteikia mums skaitomesnį kodą, bet ir leidžia keisti programos vykdymo kontekstą.
Ankstesniame pavyzdyje mes turime konkretų atvejį, tai yra tai, kad jei sąlyga nėra įvykdyta, visa kita vykdoma, bet jei norime įvertinti antrąją sąlygą arba tiesiog jei sąlyga nėra įvykdyta, atlikite ką nors kita ir tada sekite mūsų programa. Norėdami išspręsti šią situaciją, turime instrukcijas Kitas Y kitaip jei, jo naudojimas yra labai panašus į jei, tiesiog įdėkite sąlygą po raktinio žodžio į kitą eilutę su įterpimu.
Pažiūrėkime šį kodo pavyzdį, kuriame įvertinsime sąlygą ir, jei ji bus įvykdyta, ką nors atspausdinsime, kitaip atspausdinsime kitaip ir tada mūsų programa bus tęsiama:

 a = 5b = 3if a> b console.log "a yra didesnis nei b" else console.log "a yra ne didesnis kaip b" console.log "Ši eilutė visada vykdoma"

Toliau rengiame savo programą ir pamatysime failą .js gautas toks vaizdas:

Toliau pateiktame pavyzdyje mes įvertinsime antrąją sąlygą, jei pirmoji nebus įvykdyta, ir mes jau galėsime visiškai kontroliuoti šią vertinimo priemonę pradiniame etape ir pamatysime, kaip veikia kitaip jei:

 a = 5b = 7c = 8if a> b console.log "a yra didesnis nei b" else, jei a> c console.log "a yra didesnis nei c" else console.log "a yra ne didesnis kaip b arba c" konsolė .log "Ši eilutė visada vykdoma"

Tada mes pastebime, kaip gali būti įvertintos skirtingos sąlygos, ir galų gale, jei nė viena iš jų nėra įvykdyta, vykdome kodą, mes pastebime, kaip susidariusi kompiliacija grupuojama kartu su tobula sintaksė „JavaScript“ mūsų instrukcijos:

In CoffeeScript įtrauktas naujas vertinimo būdas ir tai yra raktinis žodis nebent, tai vertina išraišką pagal teisingą ar klaidingą, pavyzdžiui, gali būti sudaryta sąlyga, kai sakome "nebent a yra didesnis už b, atlikite šiuos veiksmusTačiau tai yra šiek tiek sunku įžvelgti teoriškai. Šiuo tikslu pažvelkime tiesiai į kodą:

 a = 5b = 8 nebent a> b konsolė.log "b yra didesnis nei a"

Kur mes sudarysime šią mažą programą, todėl mums bus pateiktas toks kodas „JavaScript“:

Matome, kaip vertiname išraišką, jei ji netiesa, iš pirmo žvilgsnio ją įsisavinti yra šiek tiek sudėtinga, tačiau, kai supratome temą, tai yra viena iš naudingiausių išraiškų, ypač kai turime sudaryti sudėtingas sąlygas .
Tuo galime baigti šią pagrindinės plėtros pamoką CoffeeScriptŽinoma, tai tik ledkalnio viršūnė vystantis šiai kalbai, tačiau tai yra labai gera pradžia, kad galėtume pradėti įgyvendinti įvairius dalykus savo programose ir apeiti tai, kad „JavaScript“ galima užprogramuoti vienu ypu . švaresnė ir lengviau skaitoma forma.