Osnove CoffeeScript -a

CoffeeScript To je punopravni programski jezik, koji nam omogućuje da izrazimo sve svoje upute u njegovoj sintaksi, a zatim ćemo pri sastavljanju imati rezultat, posebnost slučaja je da je ovaj rezultat koji ćemo dobiti nova datoteka koda, što se pokazalo uputama JavaScript.
Ova nas posebnost navodi da to shvatimo CoffeeScript je način programiranja u JavaScript s modernom i čistom sintaksom koja olakšava čitanje koda, ali kompatibilna s onim što postoji u svijetu svijeta budući da je rezultirajuća datoteka JavaScript Čisto, najbolje od svega je što je optimiziran kôd i u skladu je s najboljom praksom, pa ćemo ako pročitamo rezultate steći znanje o njima, poboljšavajući tako naše kodiranje na ovom posljednjem jeziku.
ZahtjeviZa nastavak ovog vodiča i njegovih primjera trebat će nam funkcionalna instalacija CoffeeScript, uređivač teksta poput Uzvišen tekst ili neku drugu želju svake od njih, te dopuštenja u našem timu za pokretanje prevoditelja CoffeeScript.
The varijable To su dodjele vrijednosti memorijskim prostorima i koje imaju jedinstveno ime tijekom izvođenja programa, kako bismo znali koju vrijednost ovaj prostor ima. To je jedan od najosnovnijih koncepata u programiranju, ali i jedan od najmoćnijih budući da će nam omogućiti da si pomognemo pri izvršavanju naših algoritama.
Dodjela varijabli u CoffeeScript Vrlo je jednostavno, naznačujemo samo ime iza kojeg slijedi jednakost i vrijednost navedene varijable. Imena mogu biti bilo koja riječ ili slovo iza koje slijede brojevi ili podcrtava, uvijek se sjećajući da se razlikuju od rezerviranih riječi jezika.
Jednostavan primjer je sljedeći:

 marker = 3

Pokrenut ćemo ovaj jednostavan primjer u našoj CoffeeScript konzoli, za to pristupamo našoj naredbenoj konzoli i upisujemo kavu, pogledajmo odgovor konzole pri izvršavanju našeg primjera:

Kao što vidimo, dodjela ispisuje vrijednost koju smo primijenili na varijablu, gdje se nakon pozivanja ispisuje njezina vrijednost.
Što se događa ako želimo dodati nekoliko varijabli i dodijeliti vrijednost općoj varijabli, to funkcionira na sličan način kao što smo upravo vidjeli, na primjer:

 a = 2b = 3c = a + b

Ako tiskamo c trebali bismo imati kao rezultat 5, da vidimo odgovor s konzole:

Sada kada razumijemo kako funkcionira dodjela varijabli CoffeeScript Pogledajmo što možemo učiniti kada kompajliramo, ono što ćemo učiniti je stvoriti datoteku primjera pod nazivom varijable.kava a zatim ćemo ga sastaviti, na ovaj način ćemo dobiti datoteku variables.js koje možemo analizirati. U varijable.kava postavit ćemo sljedeće:

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

Pogledajmo sada što rezultira sastavljanjem naše datoteke upisivanjem u konzolu: coffee -c variables.coffee.

POVEĆAJTE

Na slici možemo vidjeti sadržaj datoteke variables.js, kako vidimo CoffeeScript transformirao naše upute u kôd JavaScript, gdje cijenimo da je prvo što je učinio bilo inicijaliziranje varijabli koje će se koristiti s ključnom riječi var, također primjećujemo da svaka izjava završava točkom -zarezom (to je nešto u čemu nije potrebno CoffeeScript osim ako ne želimo izvršiti dvije upute na istom retku.
Postoje slučajevi kada moramo napraviti usporedbe, a ovisno o rezultatu kod se izvršava ili ne, za to prvo možemo upotrijebiti blok ako, gdje možemo pitati je li uvjet ispunjen i ako jest, izvršava se skup uputa.
Kako to radi u CoffeeScript -uJedna od posebnosti koje ima CoffeeScript je da ne moramo koristiti zagrade ili zagrade za izradu uvjetnih blokova, ali zbog te odsutnosti imperativno moramo koristiti uvlačenje, odnosno, svemu što je sadržaj bloka potrebno je dati razmak ili tab kako bi bili nisu na istoj razini.
Pogledajmo u ovom primjeru jednostavnu usporedbu:

 if true == true console.log "Prvi smo uspjeli ako"

Ovdje možemo primijetiti na prvom mjestu da nema zagrada za grupiranje uvjeta, niti zagrade za grupiranje bloka, u drugom redu funkcija konzola.log nije na istoj razini kao upute ako, to je jedini način na koji postoji CoffeeScript znati da je potonji sadržan u uvjetnom bloku, jer ako nije, izvršit će se bez obzira na to je li uvjet ispunjen ili ne.
Pogledajmo mali primjer koji će pokazati sve što smo naučili, u sljedećem kodu imat ćemo blok ako s uvjetom i ako je to ispunjeno, dio koda se izvršava, imat ćemo instrukciju koja će se izvršiti bez obzira na uvjet, jedina razlika između obje upute je ta što je ona koja se izvršava s uvjetom uvučena, a sljedeća jedan nije. Stvorit ćemo datoteku pod nazivom example_if.coffee i u nju ćemo uključiti sljedeće retke koda:

 a = 5b = 3ako je a> b console.log "a veće od b" console.log "to se izvršava bez obzira na uvjet"

Sastavljamo i na sljedećoj slici možemo vidjeti datoteku .js rezultira:

Tada možemo primijetiti kako blok ako Grupira zagradama ono što će se izvršiti kada se ispuni uvjet, s druge strane, ono što se izvrši neovisno o tome izostavljeno je iz grupe. Kako bismo pokazali da je sve ovo istina, izmijenit ćemo kôd, a uvući ćemo i drugu instrukciju, naš bi kôd bio sljedeći:

 a = 5b = 3ako je a> b console.log "a veće od b" console.log "to se izvršava bez obzira na uvjet"

Sastavit ćemo još jednom i vidjeti rezultat na sljedećoj slici:

Time se pokazuje važnost uvlačenja, što nam osim što nam daje čitljiviji kôd, omogućuje i promjenu konteksta izvođenja našeg programa.
U prethodnom primjeru imamo poseban slučaj, a to je da ako uvjet nije ispunjen, izvršava se sve ostalo, ali ako želimo procijeniti drugi uvjet ili jednostavno ako uvjet nije ispunjen, izvršimo nešto drugo i zatim slijedimo naš program. Za rješavanje ove vrste situacije imamo upute drugo Y inače ako, njegova je upotreba vrlo slična ako, jednostavno postavite uvjet iza ključne riječi u sljedeći redak s uvlačenjem.
Pogledajmo sljedeći primjer koda, u kojem ćemo procijeniti uvjet i ako je ispunjen, ispisat ćemo nešto, u protivnom ćemo napraviti drugačiji ispis, a zatim će se naš program nastaviti:

 a = 5b = 3ako je a> b console.log "a veće od b" else console.log "a nije veće od b" console.log "Ovaj redak se uvijek izvršava"

Nastavljamo sa sastavljanjem našeg programa i vidjet ćemo datoteku .js rezultira sljedećom slikom:

U sljedećem primjeru ćemo procijeniti drugi uvjet ako prvi nije ispunjen, s tim ćemo već imati potpunu kontrolu nad ovim alatom za ocjenjivanje u njegovoj osnovnoj fazi i vidjet ćemo rad inače ako:

 a = 5b = 7c = 8ako je a> b console.log "a veće od b" inače ako je a> c console.log "a veće od c" else console.log "a nije veće od b ili c" console .log "Ova linija se uvijek izvršava"

Tada primjećujemo kako se različiti uvjeti mogu ocijeniti i na kraju, ako nijedan nije ispunjen, izvršimo kôd, primjećujemo kako se rezultirajuća kompilacija grupira zajedno sa savršenom sintaksom JavaScript naše upute:

U CoffeeScript uključen je novi način ocjenjivanja i to uz ključnu riječ osim ako, ovo ocjenjuje izraz u smislu istinitog ili lažnog, na primjer može se postaviti uvjet u kojem kažemo "osim ako je a veće od b, izvršite sljedećeNo, to je pomalo teško sagledati na teoretski način. U tu svrhu pogledajmo izravno kôd:

 a = 5b = 8osim a> b console.log "b je veće od a"

Ako, ako sastavimo ovaj mali program, dobijemo sljedeći kôd kao rezultat JavaScript:

Vidimo kako vršimo ocjenjivanje izraza ako nije istinit, pomalo ga je složeno asimilirati na prvi pogled, ali jednom kad uhvatimo nit, to je jedan od najkorisnijih izraza, osobito kada moramo postaviti složene uvjete .
Time možemo završiti ovaj vodič o osnovama razvoja CoffeeScriptNaravno, ovo je samo vrh ledenog brijega u smislu razvoja ovog jezika, međutim to je jako dobar početak kako bismo mogli početi implementirati razne stvari u naše programe i zaobići činjenicu da se JavaScript može programirati u jednom potezu . čistiji i čitljiviji oblik.