Elementele de bază CoffeeScript

CoffeeScript Este un limbaj de programare cu drepturi depline, ne permite să ne exprimăm toate instrucțiunile în sintaxa sa și atunci când compilăm vom avea un rezultat, particularitatea cazului este că acest rezultat pe care îl vom obține este un nou fișier de cod, ceea ce se dovedește a fi instrucțiuni JavaScript.
Această particularitate ne face să înțelegem asta CoffeeScript este un mod de programare în JavaScript cu o sintaxă modernă și curată, facilitând astfel citirea codului, dar compatibil cu ceea ce există în lumea web, deoarece fișierul rezultat este JavaScript Pur, cel mai bun dintre toate este că este un cod optimizat și că respectă cele mai bune practici, așa că, dacă citim rezultatele, vom obține cunoștințe despre acestea, îmbunătățind astfel codarea noastră în acest ultim limbaj.
CerințePentru urmărirea acestui tutorial și a exemplelor sale, vom avea nevoie de o instalare funcțională a CoffeeScript, un editor de text ca Text sublim sau altul dintre preferințele fiecăruia și permisiunile din echipa noastră pentru a putea rula compilatorul CoffeeScript.
variabile Sunt atribuții pe care le facem valorilor spațiilor de memorie și care au un nume unic în cadrul execuției programului, pentru a ști ce valoare are acest spațiu. Este unul dintre cele mai de bază concepte în programare, dar și unul dintre cele mai puternice, deoarece acestea sunt cele care ne vor permite să ne ajutăm singuri atunci când ne executăm algoritmii.
Atribuirea variabilelor în CoffeeScript Este foarte simplu, indicăm doar numele urmat de o egalitate și valoarea variabilei menționate. Numele pot fi orice cuvânt sau literă urmat de cifre sau subliniere, amintindu-mi mereu că sunt diferite de cuvintele rezervate ale limbii.
Un exemplu simplu este următorul:

 marker = 3

Vom rula acest exemplu simplu în consola noastră CoffeeScript, pentru aceasta accesăm consola noastră de comandă și tastăm cafea, să vedem răspunsul consolei atunci când executăm exemplul nostru:

După cum putem vedea, atribuirea imprimă înapoi valoarea pe care am aplicat-o variabilei, unde după ce a fost apelată, valoarea acesteia este tipărită.
Ce se întâmplă acum dacă vrem să adăugăm mai multe variabile și să atribuim valoarea unei variabile generale, aceasta funcționează în mod similar cu ceea ce tocmai am văzut, de exemplu:

 a = 2b = 3c = a + b

Dacă tipărim c ar trebui să avem ca rezultat 5, să vedem răspunsul de pe consolă:

Acum că înțelegem cum funcționează atribuirea variabilelor CoffeeScript Să vedem ce putem face atunci când compilăm, ceea ce vom face este să creăm un exemplu de fișier numit variabile.cafe și apoi o vom compila, în acest fel vom obține un fișier variabile.js pe care le putem analiza. În variabile.cafe vom plasa următoarele:

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

Acum să vedem ce rezultă din compilarea fișierului nostru tastând în consolă: coffee -c variables.coffee.

MARI

În imagine putem vedea conținutul fișierului variabile.js, după cum vedem CoffeeScript a transformat instrucțiunile noastre în cod JavaScript, unde apreciem că primul lucru pe care l-a făcut a fost inițializarea variabilelor care vor fi utilizate cu cuvântul cheie var, observăm, de asemenea, că fiecare afirmație se termină cu un punct și virgulă (acesta este ceva care nu este necesar în CoffeeScript dacă nu vrem să executăm două instrucțiuni pe aceeași linie.
Există momente în care trebuie să facem comparații și, în funcție de rezultat, se execută sau nu un cod, pentru aceasta putem folosi mai întâi blocul dacă, unde putem întreba dacă este îndeplinită o condiție și dacă este, se execută setul de instrucțiuni.
Cum funcționează în CoffeeScriptUna dintre particularitățile pe care le are CoffeeScript este că nu este nevoie să folosim paranteze sau paranteze pentru a face blocuri condiționate, dar datorită acestei absențe trebuie imperativ să folosim indentare, adică tot ceea ce conține un bloc trebuie să aibă un spațiu sau o filă, astfel încât acestea să fie nu la aceeași linie de nivel.
Să vedem în acest exemplu o comparație simplă:

 if true == true console.log "Am făcut primul nostru if"

Aici putem observa în primul rând că nu există paranteze care să grupeze starea, nici acoladele care să grupeze blocul, în a doua ordine funcția consolă.log nu la același nivel cu instrucțiunile dacă, este singurul mod pe care îl are CoffeeScript să știm că acesta din urmă este cuprins în blocul condițional, deoarece dacă nu, ar fi executat indiferent dacă condiția este îndeplinită sau nu.
Să vedem un mic exemplu pentru a demonstra tot ce am învățat, în următorul cod vom avea un bloc dacă cu o condiție și dacă aceasta este îndeplinită o porțiune de cod este executată, vom avea o instrucțiune care va fi executată indiferent de condiție, singura diferență între ambele instrucțiuni este că cea care este executată cu condiția este indentată și următoarea unul nu este. Vom crea un fișier numit example_if.coffee și în acesta vom include următoarele linii de cod:

 a = 5b = 3 dacă a> b console.log "a este mai mare decât b" console.log "aceasta se execută indiferent de condiție"

Compilăm și în imaginea următoare putem vedea fișierul .js rezultat:

Putem observa apoi modul în care blocul dacă Acesta grupează cu paranteze ceea ce va fi executat atunci când condiția este îndeplinită, pe de altă parte, ceea ce este executat independent de acesta este lăsat în afara grupului. Pentru a arăta că toate acestea sunt adevărate, vom modifica codul și vom indenta și a doua instrucțiune, codul nostru ar fi după cum urmează:

 a = 5b = 3 dacă a> b console.log "a este mai mare decât b" console.log "aceasta se execută indiferent de condiție"

Vom compila încă o dată și vom vedea rezultatul în următoarea imagine:

Se demonstrează astfel importanța indentării, care, pe lângă faptul că ne oferă un cod mai lizibil, ne permite să modificăm contextul de execuție a programului nostru.
În exemplul anterior avem un caz particular, acesta este acela că dacă condiția nu este îndeplinită, se execută orice altceva, dar dacă vrem să evaluăm oa doua condiție sau pur și simplu dacă condiția nu este îndeplinită, executăm altceva și apoi urmează programul nostru. Pentru a rezolva acest tip de situație avem instrucțiunile altceva Da altfel dacă, utilizarea sa este foarte asemănătoare cu dacă, pur și simplu plasați condiția după cuvântul cheie pe linia următoare cu o indentare.
Să vedem următorul exemplu de cod, în care vom evalua o condiție și, dacă este îndeplinită, vom imprima ceva, altfel vom face o altă imprimare și atunci programul nostru va continua:

 a = 5b = 3 dacă a> b console.log "a este mai mare decât b" altfel console.log "a nu este mai mare decât b" console.log "Această linie este întotdeauna executată"

Continuăm să compilăm programul și vom vedea fișierul .js rezultând următoarea imagine:

În exemplul următor vom evalua o a doua condiție dacă prima nu este îndeplinită, cu aceasta vom avea deja control deplin al acestui instrument de evaluare în faza sa de bază și vom vedea funcționarea altfel dacă:

 a = 5b = 7c = 8 dacă a> b console.log "a este mai mare decât b" altfel dacă a> c console.log "a este mai mare decât c" else console.log "a nu este mai mare decât b sau c" console .log "Această linie este întotdeauna executată"

Observăm apoi cum pot fi evaluate condiții diferite și, în cele din urmă, dacă nu este îndeplinită niciuna, executăm un cod, observăm cum grupările rezultate se grupează împreună cu o sintaxă perfectă a JavaScript instrucțiunile noastre:

În CoffeeScript este inclus un nou mod de evaluare și este cu cuvântul cheie dacă nu, aceasta evaluează o expresie în termeni de adevărat sau fals, de exemplu s-ar putea face o condiție acolo unde spunem „cu excepția cazului în care a este mai mare decât b, executați următoareleCu toate acestea, acest lucru este puțin dificil de văzut într-un mod teoretic. Pentru aceasta, să analizăm codul direct:

 a = 5b = 8 în afară de consola a> b. jurnalul "b este mai mare decât a"

Unde, dacă compilăm acest mic program, ne dă următorul cod ca urmare JavaScript:

Vedem cum facem o evaluare a expresiei dacă nu este adevărată, este un pic complex de asimilat la prima vedere, dar odată ce am înțeles firul este una dintre cele mai utile expresii, mai ales atunci când trebuie să facem condiționalități complexe .
Cu aceasta putem încheia acest tutorial cu fundamentele dezvoltării CoffeeScriptDesigur, acesta este doar vârful aisbergului în ceea ce privește dezvoltarea cu acest limbaj, totuși este un început foarte bun, astfel încât să putem începe să implementăm diferite lucruri în programele noastre și să evităm faptul că JavaScript poate fi programat dintr-o singură dată. o formă mai curată și mai lizibilă.