Obsah
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 = 3Tento 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:
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 + bPokud tiskneme C měli bychom mít jako výsledek 5, podívejme se na odpověď z konzoly:
a = 3 * 2b = 2c = a * bd = c - 1Nyní se podívejme, co vyplývá ze kompilace našeho souboru zadáním do konzoly: coffee -c variables.coffee.
ZVĚTŠIT
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í:
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:
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:
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:
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:
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.
