Cookies

Na naší webové stránce používáme soubory cookies pro její správné fungování, přizpůsobení analytických dat a dynamiky obsahu pro uživatele. Více informací o cookies.

Potvrzením zároveň ukládáte souhlas se zpracováním osobních údajů v rámci nařízení GDPR.

Syntaxe JavaScriptu

Zápis kódu JavaScriptu
Předchozí Následující

#1 Syntaxe

Syntaxe JavaScriptu (na rozdíl od HTML nebo CSS) je založena na standardním programovacím prostředí. Nacházejí se zde proměnné, funkce, operátory, pole, objekty a výrazy.

Příklad JavaScriptové syntaxe:

function addSame(a) {
 a += a;
}
let x = addSame(5);

#2 Hodnoty

Základ JavaScriptu jsou hodnoty. Ukládají se do nich data, se kterými později pracujeme. Dělí se na dvě základní skupiny – fixní (pojmenované literály) a proměnné (totožné jméno).

Literály

Literály jsou pevné hodnoty, které se během výkonu programu nemění.

Literálem může být číslo nebo část textu, která se nazývá String. Číslo může být celé nebo s desetinnou tečkou (nikoli čárkou).

// Číslo
2
2.5
3.1416

String (neboli text) se ukládá do uvozovek. A to jednoduchých ', dvojitých " nebo do backticků ` (ty však mají také další speciální funkci – používají se zejména proto první dva druhy).

// String
"Kousek textu"
'Jiný text'

Proměnné

Již z názvu vyplývající – proměnné uchovávají hodnoty, které mohou být měněny – uchovávají data. V JavaScriptu se používají tři klíčová slova pro označení proměnné – var, let a const.

Znaménko rovná se = se používá výhradně k přiřazení hodnoty do proměnné.

let x = 10;

V tomto příkladu vytvoříme proměnnou x pomocí klíčového slova let a následně přiřadíme číslo 10 do této proměnné.

Poznámka: Více o proměnných se dozvíte v článku jim věnovaném.

#3 Operátory

Operátory se dělí na dvě skupiny – aritmetické operátory, které slouží k výpočtům, a přidělovací operátor, který, již podle názvu, přiděluje hodnotu do proměnné.

Do aritmetických operátorů patří + (sčítání), - (odčítání), * (násobení) a / (dělení). Jako přidělovací operátor slouží = (jedno rovná se).

// Přidělovací operátor
let x = 5;
// Aritmetické operátory
let y = x * 10 + (4 - 2);

#4 Komentáře

Komentáře v JavaScriptu mohou být pouze jednořádkové (lze však zakomentovat vícero řádků). Používá se k tomu dvojité lomítko – //.

// Komentář JavaScriptu

#5 Základy kódu

JavaScript obsahuje určitá pravidla, jimiž je potřeba se při psaní kódu řídit.

Názvy a identifikátory

Každá funkce, proměnná, objekt… mají svůj název. Ten musí splňovat následující pravidlo – každý název musí začínat s

Zároveň se doporučuje psát pomocí takzvaného camelCase. Jedná se o zavedené nepsané pravidlo, které určuje jakým způsobem se píší názvy. Ty jsou rozděleny na dva tábory – oddělovače a právě camelCase.

Oddělovače spočívají v rozdělení názvu například podtržítkem…

const nazev_promenne;
function pricitani_nebo_odcitani() {};

…a camelCase (pojmenováno podle hrbů velblouda) se píše tak, že název začíná vždy malým písmenem a každé následující slovo začíná velkým písmenem, přičemž se jednotlivá slova od sebe neoddělují. Například takto…

const nazevPromenne;
function pricitaniNeboOdcitani() {};
Poznámka: Zároveň se doporučuje psát kód v jednom jazyce a to převážně v angličtině, kvůli jednoduchosti a mezinárodní srozumitelnosti.