Nozioni di base su CoffeeScript

CoffeeScript È un linguaggio di programmazione a tutti gli effetti, ci permette di esprimere tutte le nostre istruzioni nella sua sintassi e quindi durante la compilazione avremo un risultato, la particolarità del caso è che questo risultato che otterremo è un nuovo file di codice, che risultano essere istruzioni JavaScript.
Questa particolarità ci porta a capire che CoffeeScript è un modo di programmare in JavaScript con una sintassi moderna e pulita facilitando così la lettura del codice, ma compatibile con quanto esiste nel mondo web poiché il file risultante è JavaScript Pure, la cosa migliore è che è un codice ottimizzato e che è conforme alle migliori pratiche, quindi se leggiamo i risultati ne otterremo la conoscenza, migliorando così la nostra codifica in quest'ultima lingua.
RequisitiPer il seguito di questo tutorial e dei suoi esempi avremo bisogno di un'installazione funzionale di CoffeeScript, un editor di testo come Testo sublime o un altro della preferenza di ciascuno e le autorizzazioni nel nostro team per poter eseguire il compilatore di CoffeeScript.
Il variabili Sono assegnazioni che facciamo di valori a spazi di memoria e che hanno un nome univoco all'interno dell'esecuzione del programma, per sapere che valore ha questo spazio. È uno dei concetti più basilari della programmazione ma anche uno dei più potenti poiché sono quelli che ci permetteranno di aiutarci durante l'esecuzione dei nostri algoritmi.
L'assegnazione delle variabili in CoffeeScript È molto semplice, indichiamo solo il nome seguito da un'uguaglianza e il valore di detta variabile. I nomi possono essere qualsiasi parola o lettera seguita da numeri o sottolineature, ricordando sempre che sono diverse dalle parole riservate della lingua.
Un semplice esempio è il seguente:

 marcatore = 3

Eseguiremo questo semplice esempio nella nostra console CoffeeScript, per questo accediamo alla nostra console di comando e digitiamo coffee, vediamo la risposta della console durante l'esecuzione del nostro esempio:

Come possiamo vedere, l'assegnazione stampa il valore che abbiamo applicato alla variabile, dove dopo averla chiamata, viene stampato il suo valore.
Ora cosa succede se vogliamo aggiungere più variabili e assegnare il valore a una variabile generale, questo funziona in modo simile a quello che abbiamo appena visto, ad esempio:

 a = 2b = 3c = a + b

Se stampiamo C dovremmo avere come risultato 5, vediamo la risposta dalla console:

Ora che abbiamo capito come funziona l'assegnazione delle variabili in CoffeeScript Vediamo cosa possiamo fare quando compiliamo, quello che faremo è creare un file di esempio chiamato variabili.caffè e poi lo compileremo, in questo modo otterremo un file variabili.js che possiamo analizzare. Nel variabili.caffè posizioneremo quanto segue:

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

Vediamo ora cosa risulta dalla compilazione del nostro file digitando in console: coffee -c variable.coffee.

INGRANDIRE

Nell'immagine possiamo vedere il contenuto del file variabili.js, come vediamo CoffeeScript trasformato le nostre istruzioni in codice JavaScript, dove apprezziamo che la prima cosa che ha fatto è stata inizializzare le variabili da utilizzare con la parola chiave varia, notiamo anche che ogni istruzione termina con un punto e virgola (questo è qualcosa che non è necessario in CoffeeScript a meno che non vogliamo eseguire due istruzioni sulla stessa riga.
Ci sono momenti in cui abbiamo bisogno di fare confronti e, a seconda del risultato, un codice viene eseguito o meno, per questo possiamo prima usare il blocco Se, dove possiamo chiedere se una condizione è soddisfatta e, in caso affermativo, l'insieme di istruzioni viene eseguito.
Come funziona in CoffeeScriptUna delle particolarità che ha CoffeeScript è che non abbiamo bisogno di usare parentesi graffe o parentesi per creare blocchi condizionali, ma a causa di questa assenza abbiamo bisogno imperativamente di usare il rientro, cioè tutto ciò che è contenuto di un blocco deve avere uno spazio o una tabulazione in modo che siano non allo stesso livello della linea.
Vediamo in questo esempio un semplice confronto:

 if true == true console.log "Abbiamo fatto il nostro primo if"

Qui possiamo notare in primo luogo che non ci sono parentesi per raggruppare la condizione, né le parentesi graffe per raggruppare il blocco, in secondo luogo la funzione console.log non allo stesso livello dell'istruzione Se, è l'unico modo che ha CoffeeScript sapere che quest'ultimo è contenuto nel blocco condizionale, poiché in caso contrario verrebbe eseguito indipendentemente dal fatto che la condizione sia soddisfatta o meno.
Vediamo un piccolo esempio per dimostrare tutto quello che abbiamo imparato, nel codice seguente avremo un blocco Se con una condizione e se questa viene soddisfatta viene eseguita una porzione di codice, avremo un'istruzione che verrà eseguita indipendentemente dalla condizione, l'unica differenza tra le due istruzioni è che quella eseguita con la condizione è rientrata e la successiva uno non lo è Creeremo un file chiamato example_if.coffee e in esso includeremo le seguenti righe di codice:

 a = 5b = 3se a> b console.log "a è maggiore di b" console.log "questo viene eseguito indipendentemente dalla condizione"

Compiliamo e nell'immagine seguente possiamo vedere il file .js risultante:

Possiamo quindi notare come il blocco Se Raggruppa tra parentesi ciò che verrà eseguito quando la condizione è soddisfatta, invece, ciò che viene eseguito indipendentemente da esso viene lasciato fuori dal gruppo. Per dimostrare che tutto questo è vero, modificheremo il codice e indentare anche la seconda istruzione, il nostro codice sarebbe il seguente:

 a = 5b = 3se a> b console.log "a è maggiore di b" console.log "questo viene eseguito indipendentemente dalla condizione"

Compileremo ancora una volta e vedremo il risultato nell'immagine seguente:

Viene così dimostrata l'importanza dell'indentazione, che oltre a darci un codice più leggibile, ci permette di variare il contesto di esecuzione del nostro programma.
Nell'esempio precedente abbiamo un caso particolare, questo è che se la condizione non è soddisfatta, viene eseguito tutto il resto, ma se vogliamo valutare una seconda condizione, o semplicemente se la condizione non è soddisfatta, eseguiamo qualcos'altro e poi seguiamo il nostro programma. Per risolvere questo tipo di situazione abbiamo le istruzioni altro sì altrimenti se, il suo utilizzo è molto simile a Se, inserisci semplicemente la condizione dopo la parola chiave nella riga successiva con un rientro.
Vediamo il seguente codice di esempio, in cui valuteremo una condizione e se è soddisfatta stamperemo qualcosa, altrimenti faremo una stampa diversa e poi il nostro programma continuerà:

 a = 5b = 3if a> b console.log "a è maggiore di b" else console.log "a non è maggiore di b" console.log "Questa riga viene sempre eseguita"

Procediamo a compilare il nostro programma e vedremo il file .js risultante nella seguente immagine:

Nel seguente esempio andremo a valutare una seconda condizione se la prima non è soddisfatta, con questa avremo già il pieno controllo di questo strumento di valutazione nella sua fase base e vedremo il funzionamento del altrimenti se:

 a = 5b = 7c = 8se a> b console.log "a è maggiore di b" else if a> c console.log "a è maggiore di c" else console.log "a non è maggiore di b o c" console .log "Questa riga viene sempre eseguita"

Notiamo poi come possono essere valutate diverse condizioni e alla fine se nessuna è soddisfatta, eseguiamo un codice, notiamo come la compilazione risultante si raggruppi insieme ad una perfetta sintassi di JavaScript le nostre istruzioni:

Nel CoffeeScript un nuovo modo di valutare è incluso ed è con la parola chiave a meno che, questo valuta un'espressione in termini di vero o falso, ad esempio si potrebbe fare una condizione dove diciamo "a meno che a non sia maggiore di b, eseguire quanto segueTuttavia, questo è un po' difficile da vedere in modo teorico.Per questo, diamo un'occhiata direttamente al codice:

 a = 5b = 8 a meno che a> b console.log "b sia maggiore di a"

Dove se compiliamo questo piccolo programma ci dà il seguente codice come risultato JavaScript:

Vediamo come facciamo una valutazione sull'espressione se non è vera, è un po' complessa da assimilare a prima vista, ma una volta afferrato il filo è una delle espressioni più utili, soprattutto quando dobbiamo fare condizionalità complesse .
Con questo possiamo concludere questo tutorial sui fondamenti dello sviluppo di CoffeeScriptNaturalmente, questa è solo la punta dell'iceberg in termini di sviluppo con questo linguaggio, tuttavia è un ottimo inizio in modo che possiamo iniziare a implementare varie cose nei nostri programmi e aggirare il fatto che JavaScript può essere programmato in una volta sola .forma più pulita e leggibile.