Základní syntaxe JavaScript

Pokud máte předchozí zkušenosti s některým z velmi oblíbených programovacích jazyků, jako je C++, Java, C# nebo PHP, pravděpodobně poznáte syntaxi JavaScriptu. Důvodem je, že všechny tyto jazyky buď pocházejí z jazyka C, nebo jsou jím silně inspirovány. Pokud však nemáte žádné předchozí zkušenosti s těmito jazyky nebo dokonce s programováním jako takovým, dovolte mi vám dát rychlý úvod do syntaxe JavaScriptu.

Začněme velmi základním pravidlem, které může být matoucí, pokud jste v programování úplní nováčci.

JavaScript je citlivý na velká a malá písmena (case-sensitive)

To znamená, že a není totéž co A - dovolte mi ukázat vám příklad:

var a = 42;
alert(A);

Zde deklaruji proměnnou (více o nich později) s názvem a (malé písmeno), ale v dalším řádku se pokusím ji použít odkazem na A (velké písmeno). To selže, protože nepoužívám stejný zápis velikosti písmen.

Výpisy

Příkaz je v podstatě řádek kódu:

alert("Hello, world!");

Všimněte si, jak ho ukončuji středníkem - to informuje interpret, že je příkaz dokončen. To také znamená, že i když je příkaz obvykle jeden řádek kódu, fyzicky nemusí být obsažen jen na jedné řádce. Klidně použijte několik řádků, pokud je ukončíte středníkem:

var s = "Hello world and welcome to this very long
		piece of text, which uses multiple lines!";

Všimněte si, že zatímco některé programovací jazyky ve stylu C jsou velmi striktní ve vyžadování ukončovacího středníku, JavaScript ve skutečnosti není - pokusí se uhádnout, zda váš příkaz končí, když je dosaženo konce řádku, a v mnoha případech to bude fungovat. Zde je příklad:

var s = "Hello, world"
var n = 42

Avšak někdy interpreter nepochopí vaše záměry, pokud je řádek kódu složitější, a pak budete muset stejně přidat středník. Z tohoto důvodu obecně doporučení pro psaní kódu v JavaScriptu radí vždy používat ukončovací středník - tímto způsobem na něj nezapomenete, když to skutečně bude důležité. Také vám to umožní později přejít na přísnější programovací jazyk, aniž byste museli učit nové návyky.

Bloky

Při používání řídících struktur jako jsou IF příkazy a smyčky potřebujete řídit, které řádky kódu jsou zahrnuty. Ve výchozím nastavení JavaScript předpokládá, že součástí vaší řídící struktury je pouze následující řádek. Příklad:

var b = false;
if(b == true)
	alert("This will not happen...");

alert("This WILL happen!");

Pokud to spustíte, všimnete si, že se aktivuje pouze druhý alert(). Důvodem je, že příkaz if() nikdy nebude pravdivý (zajistili jsme to), takže následující řádek nikdy není zasažen. Pokud však potřebujete obsáhnout více než jeden řádek kódu v rámci příkazu if, budete muset vytvořit blok. Používáme složené závorky, abychom obalili řádky kódu, které chceme, aby byly ovlivněny tímto konkrétním příkazem if:

var b = false;
if(b == true)
{
	alert("This will not happen...");
	alert("This won't happen either...");	
}

alert("This WILL happen!");

Všimněte si, jak v tomto příkladu, stejně jako v předchozím, odsazuji další řádek po příkazu if (první příklad), stejně jako uvnitř bloku (druhý příklad). To není vyžadováno, ale většina programátorů to dělá, protože to činí kód čitelnějším. Můžete odsadit řádek, nebo dokonce několik řádků, použitím klávesy Tab na klávesnici. A pokud máte blok uvnitř bloku (a tak dále), měli byste jej odpovídajícím způsobem odsadit - jedno odsazení na blok, takto:

let a = 1, b = 2, c = 3;
if(a == 1)
{
	if(b == 2)	
	{
		if(c == 3)	
			document.write("ok!");
	}
}

Bloky se v JavaScriptu používají hodně, například pro řídící struktury, jako v příkladu výše, ale také při definování funkcí. O tom více později.

Komentáře

Ve výchozím nastavení bude vše, co napíšete ve svém kódu, kromě bílých znaků, interpretováno a proto musí být platným kódem JavaScript. Někdy však potřebujete zanechat komentář, ať už pro sebe nebo pro váš tým. Naštěstí vám to JavaScript umožňuje udělat velmi snadno. Pokud interpreter narazí na dvě lomítka, zbytek řádku je ignorován:

// This line is a comment

Můžete to udělat i na stejném řádku jako příkaz, pokud si pamatujete, že po dvou lomítkách je zbytek interpretem ignorován:

alert("Hello!"); // The rest of this line is a comment

Můžete mít několik řádků komentářů za sebou:

// This line is a comment
// ...so is this one

Pokud potřebujete mnoho řádků komentářů a nechcete každý z nich prefixovat dvěma lomítky, můžete použít syntaxi víceřádkového komentáře. Začíná lomítkem, za kterým okamžitě následuje hvězdička (*). Poté je vše považováno za komentáře, dokud neopustíte režim komentáře použitím stejné notace, ale v obráceném pořadí (takže nejdříve hvězdička, pak lomítko). Zde je příklad:

/*
	All of these lines are comments 
	and you can write whatever you want,
	formatted however you want it!
*/

Jednoduše si vybírejte mezi těmito dvěma typy komentářů, jak se vám líbí.

Shrnutí

Toto byl rychlý úvod do syntaxe JavaScriptu, který vám doufám pomůže lépe porozumět příkladům v další části tohoto tutoriálu. Samozřejmě, syntaxe k naučení je mnohem více, ale tyto části si podrobněji projdeme, jak budeme postupně představovat různé aspekty jazyka.