CoffeeScript Basics

CoffeeScript Det är ett fullvärdigt programmeringsspråk, det tillåter oss att uttrycka alla våra instruktioner i sin syntax och sedan när vi kompilerar kommer vi att få ett resultat, det speciella med fallet är att detta resultat som vi kommer att få är en ny kodfil, vilket visar sig vara instruktioner JavaScript.
Denna särart leder oss att förstå det CoffeeScript är ett sätt att programmera in JavaScript med en modern och ren syntax som underlättar läsning av koden, men kompatibel med vad som finns i webbvärlden eftersom den resulterande filen är JavaScript Rent, det bästa av allt är att det är optimerad kod och att den överensstämmer med bästa praxis, så om vi läser resultaten kommer vi att få kunskap om dem och därmed förbättra vår kodning på detta sista språk.
KravFör uppföljningen av denna handledning och dess exempel kommer vi att behöva en funktionell installation av CoffeeScript, en textredigerare som Sublim text eller en annan av varje preferens och behörigheter i vårt team för att kunna köra kompilatorn av CoffeeScript.
De variabler De är uppdrag som vi gör av värden till minnesutrymmen och som har ett unikt namn inom programmets körning, för att veta vilket värde detta utrymme har. Det är ett av de mest grundläggande begreppen inom programmering men också ett av de mest kraftfulla eftersom det är de som gör att vi kan hjälpa oss själva när vi kör våra algoritmer.
Tilldelningen av variabler i CoffeeScript Det är väldigt enkelt, vi anger bara namnet följt av en likhet och variabelns värde. Namn kan vara valfritt ord eller bokstav följt av siffror eller understryker, kom alltid ihåg att de skiljer sig från språkets reserverade ord.
Ett enkelt exempel är följande:

 markör = 3

Vi kommer att köra det här enkla exemplet i vår CoffeeScript -konsol, för detta kommer vi åt vår kommandokonsol och skriver kaffe, låt oss se konsolens svar när vi kör vårt exempel:

Som vi kan se skriver ut tilldelningen tillbaka värdet som vi har tillämpat på variabeln, där värdet efter att ha kallat det skrivs ut.
Vad händer nu om vi vill lägga till flera variabler och tilldela värdet till en allmän variabel, det fungerar på ett liknande sätt som det vi just har sett, till exempel:

 a = 2b = 3c = a + b

Om vi ​​skriver ut c vi borde ha som resultat 5, låt oss se svaret från konsolen:

Nu när vi förstår hur variabel tilldelning fungerar CoffeeScript Låt oss se vad vi kan göra när vi kompilerar, det vi ska göra är att skapa en exempelfil som heter variabler. kaffe och sedan ska vi sammanställa det, på så sätt kommer vi att få en fil variabler.js som vi kan analysera. I variabler. kaffe vi ska placera följande:

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

Låt oss nu se vad som resulterar i att vi sammanställer vår fil genom att skriva i konsolen: coffee -c variables.coffee.

FÖRSTORA

På bilden kan vi se innehållet i filen variabler.js, som vi ser CoffeeScript förvandlade våra instruktioner till kod JavaScript, där vi uppskattar att det första han gjorde var att initialisera variablerna som ska användas med sökordet var, märker vi också att varje påstående slutar med ett semikolon (detta är något som inte är nödvändigt i CoffeeScript om vi inte vill utföra två instruktioner på samma rad.
Det finns tillfällen då vi behöver göra jämförelser, och beroende på resultatet körs en kod eller inte, för detta kan vi först använda blocket om, där vi kan fråga om ett villkor är uppfyllt och om det är det, utförs uppsättningen instruktioner.
Hur det fungerar i CoffeeScriptEn av de särdrag som det har CoffeeScript är att vi inte behöver använda hängslen eller parenteser för att skapa villkorade block, men på grund av denna frånvaro behöver vi absolut använda indrag, det vill säga att allt som är innehållet i ett block måste ges ett mellanslag eller flik så att de är inte på samma nivå.
Låt oss se i detta exempel en enkel jämförelse:

 if true == true console.log "Vi har gjort vårt första if"

Här kan vi i första hand märka att det inte finns några parenteser för att gruppera villkoret, inte heller hängslen för att gruppera blocket, i andra ordningen funktionen console.log inte på samma nivå som instruktionen om, det är det enda sättet det har CoffeeScript att veta att det senare finns i det villkorade blocket, eftersom det om inte inte skulle utföras oavsett om villkoret är uppfyllt eller inte.
Låt oss se ett litet exempel för att demonstrera allt vi har lärt oss, i följande kod kommer vi att ha ett block om med ett villkor och om detta är uppfyllt körs en del av koden, vi kommer att ha en instruktion som kommer att köras oavsett villkoret, den enda skillnaden mellan båda instruktionerna är att den som körs med villkoret är indragen och nästa vi ska skapa en fil som heter example_if.coffee och i den kommer vi att inkludera följande kodrader:

 a = 5b = 3if a> b console.log "a är större än b" console.log "detta körs oavsett villkoret"

Vi kompilerar och i följande bild kan vi se filen .js resulterande:

Vi kan sedan märka hur blocket om Det grupperar med hängslen vad som kommer att utföras när villkoret är uppfyllt, å andra sidan, det som utförs oberoende av det lämnas utanför gruppen. För att visa att allt detta är sant, kommer vi att ändra koden och vi kommer också att dra in den andra instruktionen, vår kod skulle vara följande:

 a = 5b = 3if a> b console.log "a är större än b" console.log "detta körs oavsett villkoret"

Vi kommer att kompilera en gång till och se resultatet i följande bild:

Vikten av indragning demonstreras sålunda, vilket förutom att ge oss en mer läsbar kod, gör att vi kan variera sammanhanget för genomförandet av vårt program.
I det föregående exemplet har vi ett särskilt fall, detta är att om villkoret inte är uppfyllt utförs allt annat, men om vi vill utvärdera ett andra villkor, eller helt enkelt om villkoret inte är uppfyllt, kör något annat och följ sedan vårt program. För att lösa denna typ av situation har vi instruktionerna annan Y annat om, dess användning liknar mycket om, placera helt enkelt villkoret efter nyckelordet på nästa rad med en indragning.
Låt oss se följande exempelkod, där vi kommer att utvärdera ett tillstånd och om det är uppfyllt kommer vi att skriva ut något, annars gör vi ett annat tryck och sedan fortsätter vårt program:

 a = 5b = 3if a> b console.log "a är större än b" else console.log "a är inte större än b" console.log "Denna rad körs alltid"

Vi fortsätter att sammanställa vårt program och vi kommer att se filen .js resulterar i följande bild:

I följande exempel kommer vi att utvärdera ett andra villkor om det första inte är uppfyllt, med detta kommer vi redan att ha full kontroll över detta utvärderingsverktyg i dess grundfas och vi kommer att se hur annat om:

 a = 5b = 7c = 8 om a> b console.log "a är större än b" annars om a> c console.log "a är större än c" annars console.log "a inte är större än b eller c" console .log "Den här raden körs alltid"

Vi märker sedan hur olika villkor kan utvärderas och i slutändan om ingen är uppfylld, kör en kod, vi märker hur den resulterande sammanställningen grupperar tillsammans med en perfekt syntax av JavaScript våra instruktioner:

I CoffeeScript ett nytt sätt att utvärdera ingår och det är med sökordet såvida inte, utvärderar detta ett uttryck i form av sant eller falskt, till exempel kan ett villkor ställas där vi säger "Utför följande om inte a är större än bDetta är dock lite svårt att se på ett teoretiskt sätt. För detta, låt oss titta på koden direkt:

 a = 5b = 8 om inte a> b console.log "b är större än a"

Var om vi sammanställer detta lilla program ger det oss följande kod som ett resultat JavaScript:

Vi ser hur vi gör en utvärdering av uttrycket om det inte är sant, det är lite komplext att assimilera vid första ögonkastet, men när vi väl har tagit tag i tråden är det ett av de mest användbara uttrycken, särskilt när vi måste ställa komplexa villkor .
Med detta kan vi avsluta denna handledning om grundläggande utveckling av CoffeeScriptNaturligtvis är detta bara toppen av isberget när det gäller utveckling med detta språk, men det är en mycket bra start så att vi kan börja implementera olika saker i våra program och komma runt det faktum att JavaScript kan programmeras på en gång . renare och mer läsbar form.