Základy CoffeeScriptu

CoffeeScript Je to plnohodnotný programovací jazyk, který nám umožňuje vyjádřit všechny naše instrukce v jeho syntaxi a pak při kompilaci budeme mít výsledek, konkrétní věcí na tomto případě je, že tento výsledek, který získáme, je nový soubor kódu, což se ukazuje jako návod JavaScript.
Tato zvláštnost nás vede k tomu, abychom to pochopili CoffeeScript je způsob programování v JavaScript s moderní a čistou syntaxí, což usnadňuje čtení kódu, ale je kompatibilní s tím, co existuje ve webovém světě, protože výsledný soubor je JavaScript Nejlepší na tom všem je, že je to optimalizovaný kód a že je v souladu s osvědčenými postupy, takže pokud si přečteme výsledky, získáme o nich znalosti, čímž se zlepší naše kódování v tomto posledním jazyce.
PožadavkyPro pokračování tohoto tutoriálu a jeho příkladů budeme potřebovat funkční instalaci CoffeeScript, jako textový editor Vznešený text nebo jiný z preferencí každého z nich a oprávnění v našem týmu, aby bylo možné spustit kompilátor CoffeeScript.
The proměnné Jsou to přiřazení hodnot do paměťových prostorů a která mají jedinečný název v rámci provádění programu, abychom věděli, jakou hodnotu tento prostor má. Je to jeden z nejzákladnějších konceptů v programování, ale také jeden z nejsilnějších, protože jsou to ty, které nám umožní pomoci si při provádění našich algoritmů.
Přiřazení proměnných v CoffeeScript Je to velmi jednoduché, uvedeme pouze název, za nímž následuje rovnost a hodnota uvedené proměnné. Jména mohou být libovolná slova nebo písmena následovaná čísly nebo podtržítka, vždy si pamatují, že se liší od vyhrazených slov jazyka.
Jednoduchý příklad je následující:

 značka = 3

Tento jednoduchý příklad spustíme v naší konzole CoffeeScript, za tímto účelem přistoupíme k příkazové konzole a napíšeme kávu. Podívejme se na odpověď konzoly při provádění našeho příkladu:

Jak vidíme, přiřazení vytiskne zpět hodnotu, kterou jsme na proměnnou použili, kde se po jejím volání vytiskne její hodnota.
Co se nyní stane, když chceme přidat několik proměnných a přiřadit hodnotu obecné proměnné, funguje to podobně jako to, co jsme právě viděli, například:

 a = 2b = 3c = a + b

Pokud tiskneme C měli bychom mít jako výsledek 5, podívejme se na odpověď z konzoly:

Nyní, když chápeme, jak funguje přiřazení proměnných CoffeeScript Podívejme se, co můžeme dělat při kompilaci, co uděláme, je vytvoření ukázkového souboru s názvem proměnné.káva a poté jej zkompilováme, tímto způsobem získáme soubor variables.js které můžeme analyzovat. v proměnné.káva umístíme následující:

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

Nyní se podívejme, co vyplývá ze kompilace našeho souboru zadáním do konzoly: coffee -c variables.coffee.

ZVĚTŠIT

Na obrázku vidíme obsah souboru variables.js, jak vidíme CoffeeScript transformovaly naše instrukce do kódu JavaScript, kde oceňujeme, že první věcí, kterou udělal, byla inicializace proměnných, které mají být použity s klíčovým slovem var, také si všimneme, že každý příkaz končí středníkem (to je něco, co není v CoffeeScript pokud nechceme provést dvě instrukce na stejném řádku.
Jsou chvíle, kdy potřebujeme provést srovnání, a v závislosti na výsledku je kód spuštěn nebo ne, proto můžeme nejprve použít blok -li, kde se můžeme zeptat, zda je podmínka splněna a pokud ano, provede se sada instrukcí.
Jak to funguje v CoffeeScriptuJedna ze zvláštností, které má CoffeeScript je, že k vytváření podmíněných bloků nepotřebujeme používat závorky ani závorky, ale vzhledem k této absenci musíme nutně použít odsazení, to znamená, že všemu, co je obsahem bloku, je třeba dát mezeru nebo tabulátor, aby byly ne na stejné úrovni.
Podívejme se v tomto příkladu na jednoduché srovnání:

 if true == true console.log "Provedli jsme první if"

Zde si můžeme na prvním místě všimnout, že neexistují žádné závorky pro seskupení podmínky, ani závorky pro seskupení bloku, v druhém pořadí funkce console.log ne na stejné úrovni jako instrukce -li, je to jediný způsob, jak to má CoffeeScript vědět, že tento je obsažen v podmíněném bloku, protože pokud ne, bude proveden bez ohledu na to, zda je podmínka splněna nebo ne.
Podívejme se na malý příklad, abychom ukázali vše, co jsme se naučili, v následujícím kódu budeme mít blok -li s podmínkou a pokud je splněna, je provedena část kódu, budeme mít instrukci, která bude provedena bez ohledu na podmínku, jediný rozdíl mezi oběma instrukcemi je, že ta, která je provedena s podmínkou, je odsazena a další jeden není. Chystáme se vytvořit soubor s názvem example_if.coffee a v něm zahrneme následující řádky kódu:

 a = 5b = 3if a> b console.log "a je větší než b" console.log "toto se provede bez ohledu na podmínku"

Zkompilováme a na následujícím obrázku vidíme soubor .js vyplývající:

Můžeme si pak všimnout, jak blok -li Seskupuje do závorek to, co se provede, když je podmínka splněna, na druhou stranu to, co je provedeno nezávisle na tom, je ze skupiny vynecháno. Abychom ukázali, že to vše je pravda, upravíme kód a také odsadíme druhou instrukci, náš kód by byl následující:

 a = 5b = 3if a> b console.log "a je větší než b" console.log "toto se provede bez ohledu na podmínku"

Zkompilováme ještě jednou a výsledek uvidíme na následujícím obrázku:

Je tak ukázán význam odsazení, které nám kromě toho, že nám poskytuje čitelnější kód, umožňuje měnit kontext provádění našeho programu.
V předchozím příkladu máme konkrétní případ, a to ten, že pokud podmínka není splněna, provede se vše ostatní, ale pokud chceme vyhodnotit druhou podmínku, nebo jednoduše pokud podmínka není splněna, proveďte něco jiného a poté postupujte náš program. K vyřešení tohoto typu situace máme pokyny jiný Y jinak kdyby, jeho použití je velmi podobné -li, jednoduše umístěte podmínku za klíčové slovo na další řádek s odsazením.
Podívejme se na následující ukázkový kód, ve kterém vyhodnotíme podmínku a pokud je splněna, něco vytiskneme, jinak provedeme jiný tisk a pak náš program bude pokračovat:

 a = 5b = 3if a> b console.log "a je větší než b" else console.log "a není větší než b" console.log "Tento řádek je vždy spuštěn"

Pokračujeme v kompilaci našeho programu a soubor uvidíme .js výsledkem je následující obrázek:

V následujícím příkladu hodláme vyhodnotit druhou podmínku, pokud první není splněna, s tím již budeme mít plnou kontrolu nad tímto nástrojem pro hodnocení v jeho základní fázi a uvidíme fungování jinak kdyby:

 a = 5b = 7c = 8if a> b console.log "a je větší než b" else, pokud a> c console.log "a je větší než c" else console.log "a není větší než b nebo c" konzola .log "Tento řádek je vždy spuštěn"

Poté si všimneme, jak lze vyhodnotit různé podmínky, a pokud žádná není splněna, spustíme kód, všimneme si, jak výsledné skupiny kompilace spolu s dokonalou syntaxí JavaScript naše pokyny:

v CoffeeScript je zahrnut nový způsob hodnocení a je to s klíčovým slovem pokudToto vyhodnocuje výraz ve smyslu pravdivý nebo nepravdivý, například může být provedena podmínka tam, kde říkáme „pokud a je větší než b, proveďte následujícíJe to však trochu obtížné teoreticky zjistit. Za tímto účelem se podívejme přímo na kód:

 a = 5b = 8unless a> b console.log "b is greater than a"

Kde, když zkomplikujeme tento malý program, nám ve výsledku poskytne následující kód JavaScript:

Vidíme, jak provádíme hodnocení výrazu, pokud není pravdivý, je trochu složité ho na první pohled asimilovat, ale jakmile uchopíme vlákno, je to jeden z nejužitečnějších výrazů, zvláště když musíme vytvářet složité podmínky .
Tímto můžeme ukončit tento tutoriál základů vývoje CoffeeScriptSamozřejmě, to je jen špička ledovce, pokud jde o vývoj s tímto jazykem, nicméně je to velmi dobrý začátek, abychom mohli začít implementovat různé věci do našich programů a obejít skutečnost, že JavaScript lze naprogramovat najednou .čistší a čitelnější forma.