Grunnleggende om CoffeeScript

CoffeeScript Det er et fullverdig programmeringsspråk, det lar oss uttrykke alle instruksjonene våre i syntaksen, og når vi kompilerer får vi et resultat, det spesielle med saken er at dette resultatet vi får er en ny kodefil, som viser seg å være instruksjoner JavaScript.
Denne særegenheten får oss til å forstå det CoffeeScript er en måte å programmere på JavaScript med en moderne og ren syntaks som dermed letter lesingen av koden, men kompatibel med det som finnes i webverdenen siden den resulterende filen er JavaScript Ren, det beste av alt er at den er optimalisert kode og at den er i samsvar med beste praksis, så hvis vi leser resultatene vil vi få kunnskap om dem, og dermed forbedre vår koding på dette siste språket.
KravFor oppfølgingen av denne opplæringen og dens eksempler trenger vi en funksjonell installasjon av CoffeeScript, et tekstredigeringsprogram som Sublim tekst eller en annen av preferansen til hver enkelt, og tillatelser i teamet vårt for å kunne kjøre kompilatoren av CoffeeScript.
De variabler De er oppgaver vi lager verdier til minneområder og som har et unikt navn i utførelsen av programmet, for å vite hvilken verdi dette rommet har. Det er et av de mest grunnleggende begrepene innen programmering, men også et av de mest kraftfulle, siden det er de som lar oss hjelpe oss selv når vi utfører algoritmene våre.
Tildelingen av variabler i CoffeeScript Det er veldig enkelt, vi angir bare navnet etterfulgt av en likhet og verdien av variabelen. Navn kan være hvilket som helst ord eller bokstav etterfulgt av tall eller understrekerhusker alltid at de er forskjellige fra språkets reserverte ord.
Et enkelt eksempel er følgende:

 markør = 3

Vi kommer til å kjøre dette enkle eksemplet i vår CoffeeScript -konsoll, for dette får vi tilgang til kommandokonsollen og skriver kaffe, la oss se svaret fra konsollen når vi utfører vårt eksempel:

Som vi kan se, skriver oppgaven ut verdien vi har brukt på variabelen, hvor verdien etter å ha kalt den skrives ut.
Hva skjer nå hvis vi vil legge til flere variabler og tilordne verdien til en generell variabel, fungerer dette på en lignende måte som det vi nettopp har sett, for eksempel:

 a = 2b = 3c = a + b

Hvis vi skriver ut c vi burde ha som resultat 5, la oss se svaret fra konsollen:

Nå som vi forstår hvordan variabel oppgave fungerer CoffeeScript La oss se hva vi kan gjøre når vi kompilerer, det vi skal gjøre er å lage en eksempelfil som heter variabler. kaffe og så skal vi kompilere den, på denne måten får vi en fil variabler.js som vi kan analysere. I variabler. kaffe vi skal plassere følgende:

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

La oss nå se hva som resulterer i å kompilere filen vår ved å skrive inn konsollen: kaffe -c variabler. Kaffe.

FORSTØRRE

På bildet kan vi se innholdet i filen variabler.js, som vi ser CoffeeScript forvandlet instruksjonene våre til kode JavaScript, der vi setter pris på at det første han gjorde var å initialisere variablene som skal brukes med søkeordet var, merker vi også at hver setning ender med et semikolon (dette er noe som ikke er nødvendig i CoffeeScript med mindre vi ønsker å utføre to instruksjoner på samme linje.
Det er tider når vi trenger å gjøre sammenligninger, og avhengig av resultatet blir en kode utført eller ikke, for dette kan vi først bruke blokken hvis, der vi kan spørre om en betingelse er oppfylt, og hvis den er det, blir instruksjonssettet utført.
Slik fungerer det i CoffeeScriptEn av særegenhetene den har CoffeeScript er at vi ikke trenger å bruke seler eller parenteser for å lage betingede blokker, men på grunn av dette fraværet må vi absolutt bruke innrykk, det vil si at alt som er innholdet i en blokk må gis et mellomrom eller fane slik at de er ikke på samme nivålinje.
La oss se i dette eksemplet en enkel sammenligning:

 hvis true == true console.log "Vi har gjort vårt første if"

Her kan vi i utgangspunktet legge merke til at det ikke er parenteser for å gruppere tilstanden, og heller ikke selene for å gruppere blokken, i andre rekkefølge funksjonen console.log ikke på samme nivå som instruksjon hvis, det er den eneste måten det har CoffeeScript å vite at sistnevnte er inneholdt i den betingede blokken, siden hvis ikke, ville den bli utført uavhengig av om betingelsen er oppfylt eller ikke.
La oss se et lite eksempel for å demonstrere alt vi har lært, i den følgende koden skal vi ha en blokk hvis med en betingelse, og hvis dette er oppfylt, blir en del av koden utført, vi vil ha en instruksjon som vil bli utført uavhengig av tilstanden, den eneste forskjellen mellom begge instruksjonene er at den som utføres med tilstanden er innrykket og den neste en skal ikke. Vi skal lage en fil som heter example_if.coffee, og i den vil vi inkludere følgende kodelinjer:

 a = 5b = 3if a> b console.log "a er større enn b" console.log "dette utføres uavhengig av tilstanden"

Vi kompilerer, og i bildet nedenfor kan vi se filen .js resulterer:

Vi kan da legge merke til hvordan blokken hvis Det grupperer med tannregulering det som vil bli utført når betingelsen er oppfylt, på den annen side, det som utføres uavhengig av det, blir utelatt av gruppen. For å vise at alt dette er sant, skal vi endre koden, og vi skal også innrykke den andre instruksjonen, koden vår vil være som følger:

 a = 5b = 3if a> b console.log "a er større enn b" console.log "dette utføres uavhengig av tilstanden"

Vi vil kompilere en gang til og se resultatet i følgende bilde:

Viktigheten av innrykk er dermed demonstrert, som i tillegg til å gi oss en mer lesbar kode, lar oss variere konteksten for utførelsen av programmet vårt.
I det forrige eksemplet har vi et bestemt tilfelle, dette er at hvis betingelsen ikke er oppfylt, blir alt annet utført, men hvis vi vil evaluere en andre betingelse, eller bare hvis betingelsen ikke er oppfylt, utfør noe annet og følg deretter programmet vårt. For å løse denne typen situasjoner har vi instruksjonene ellers Y eller hvis, bruken er veldig lik hvis, bare plasser betingelsen etter søkeordet på neste linje med et innrykk.
La oss se følgende eksempelkode, der vi vil evaluere en tilstand, og hvis den er oppfylt, vil vi skrive ut noe, hvis ikke vil vi lage en annen utskrift, og så fortsetter programmet vårt:

 a = 5b = 3if a> b console.log "a er større enn b" else console.log "a er ikke større enn b" console.log "Denne linjen utføres alltid"

Vi fortsetter med å kompilere programmet vårt, og vi vil se filen .js resulterer i følgende bilde:

I det følgende eksemplet skal vi evaluere en andre betingelse hvis den første ikke er oppfylt, med dette vil vi allerede ha full kontroll over dette evalueringsverktøyet i sin grunnfase, og vi vil se driften av eller hvis:

 a = 5b = 7c = 8 hvis a> b console.log "a er større enn b" ellers hvis a> c console.log "a er større enn c" else console.log "a ikke er større enn b eller c" console .log "Denne linjen kjøres alltid"

Vi merker deretter hvordan forskjellige forhold kan evalueres, og til slutt, hvis ingen er oppfylt, kjører vi en kode, vi merker hvordan den resulterende samlingen grupperer sammen med en perfekt syntaks for JavaScript våre instruksjoner:

I CoffeeScript en ny måte å evaluere er inkludert, og det er med søkeordet med mindre, evaluerer dette et uttrykk når det gjelder sant eller usant, for eksempel kan en betingelse stilles der vi sier "med mindre a er større enn b, utfør følgendeDette er imidlertid litt vanskelig å se på en teoretisk måte. For dette, la oss se på koden direkte:

 a = 5b = 8 med mindre a> b console.log "b er større enn a"

Hvor hvis vi kompilerer dette lille programmet, gir det oss følgende kode som et resultat JavaScript:

Vi ser hvordan vi foretar en evaluering av uttrykket hvis det ikke er sant, det er litt komplekst å assimilere ved første blikk, men når vi har forstått tråden er det et av de mest nyttige uttrykkene, spesielt når vi må gjøre komplekse betingelser .
Med dette kan vi avslutte denne opplæringen om grunnleggende utvikling av CoffeeScriptSelvfølgelig er dette bare toppen av isfjellet når det gjelder utvikling med dette språket, men det er en veldig god start slik at vi kan begynne å implementere forskjellige ting i programmene våre og omgå det faktum at JavaScript kan programmeres på en gang . renere og mer lesbar form.