Základy

Proměnné a datové typy

Proměnná je krabička se jménem. Uložíme do ní hodnotu a později si ji podle jména vezmeme zpátky.

V této lekci nic nekreslíme, všechno se děje v konzoli. Ta teď zabírá celé okno náhledu.

Proměnná · 1

Proměnná `let`

Slovo let vytvoří proměnnou. Za něj napíšeme jméno, rovnítko a hodnotu. Rovnítko tu neznamená „rovná se“, ale „ulož do“.

Do console.log dáváme jméno proměnné bez uvozovek. S uvozovkami by se vypsalo slovo jmeno, ne Ema.

Proměnná · 2

Hodnota se dá změnit

Do proměnné z let můžeme později uložit něco jiného. Podruhé už let nepíšeme, proměnná existuje.

Proměnná · 3

Konstanta `const`

Co se měnit nemá, uložíme přes const. Když se ji pokusíme přepsat, skript skončí chybou.

Pravidlo pro praxi: pište const, a let jen tam, kde víte, že se hodnota bude měnit. Starší zápis var uvidíte v návodech na internetu. Sami ho nepoužívejte.

Datové typy

String, number, boolean

Hodnoty mají různé druhy, říká se jim datové typy. Nejčastější jsou tři:

string: text v uvozovkách,
number: číslo bez uvozovek, desetinná tečka,
boolean: true nebo false.

typeof prozradí, jaký typ hodnota má. '2009' v uvozovkách je string, ne číslo.

Operace · 1

Počítání

S čísly počítáme jako na kalkulačce: +, -, * (krát), / (děleno) a % (zbytek po dělení). Výsledek můžeme rovnou uložit do další proměnné.

Pozor na sčítání stringu a čísla: '5' + 3 dá '53', protože string se ke stringu přilepí. String na číslo převede Number('5').

Operace · 2

Skládání textu

Text a proměnné jde slepit znaménkem +. Pohodlnější je template literal: string ve zpětných apostrofech `…`, do kterého se proměnná vloží přes ${…}.

Uvnitř ${…} se dá i počítat. Zpětný apostrof ` se na české klávesnici hledá těžko. Na anglické je vlevo nahoře pod Esc.

Jména

Jak proměnné pojmenovat

Jméno má říkat, co v proměnné je. vek je lepší než x. Víc slov se píše dohromady a každé další začíná velkým písmenem: rokNarozeni. Tomu se říká camelCase.

Shrnutí

Krabičky se jménem

Ano

const jako výchozí volba, let pro hodnoty, které se mění
jména v camelCase, která říkají, co v proměnné je
template literals `Ahoj ${jmeno}` místo dlouhého lepení přes +
Number(), když ze stringu potřebujete číslo

Ne

var: starý zápis s nečekaným chováním
čísla v uvozovkách, když s nimi chcete počítat

Další: Podmínky →