Proměnné

Zásadní částí programování jsou proměnné. Můžete na ně myslet jako na úložné prostory, kde si můžete uchovat kus informace, jako je číslo, datum nebo kus textu, pro pozdější použití. Bez této schopnosti byste se daleko nedostali, a proměnné se samozřejmě používají i v JavaScriptu.

Proměnná je deklarována pomocí klíčového slova let, nebo pokud jste staromódní vývojář JavaScriptu jako já, pomocí klíčového slova var. Oba způsoby lze použít, ale existují mezi nimi malé rozdíly, o kterých si povíme později - prozatím se držte nové verze nazvané let.

Deklarace proměnné se skládá z klíčového slova `let`, následovaného názvem proměnné (ten si můžete vybrat sami), jako v tomto příkladu:

Deklarace a používání proměnných

let age;

Toto jednoduše řekne interpreteru, že existuje proměnná s názvem "age". Ještě nemá hodnotu, ale po její deklaraci jí můžete přiřadit takto:

let age;
age = 42;

Samozřejmě, pokud víte, jakou hodnotu by proměnná měla obsahovat, můžete ji přiřadit současně s jejím deklarováním takto:

let age = 42;

Můžete dokonce deklarovat více proměnných s různými hodnotami na stejném řádku - stačí je oddělit čárkou:

let name = "John Doe", age = 42, mail = "john@doe.com";

Po deklarování jedné nebo několika proměnných s nimi můžete nakládat a měnit je, jak chcete. Zde je příklad:

let name = "John Doe", age = 42;

document.write("My name is: " + name + " and today is my birthday");
age = age + 1;
document.write("I am now " + age + " years old");

V tomto příkladu deklaruji dvě proměnné a poté je začnu používat. Jednoduše vypíšu jméno, ale pak změním věk a ten také vypíšu. Jak vidíte, je to poměrně jednoduché.

Pojmenování proměnné

Jak jsem zmínil, můžete si rozhodnout, jak bude vaše proměnná pojmenována. Existuje však několik pravidel:

• Název proměnné smí obsahovat pouze písmena, číslice a/nebo dva speciální znaky: dolar ($) a podtržítko (_)
• Název proměnné nemůže začínat číslicí.
• Nemůžete použít žádná z klíčových/rezervovaných slov tak, jak jsou, ale mohou být součástí názvu proměnné. Takže například "break" je klíčové slovo, což znamená, že vaše proměnná nemůže být nazvána "break", ale MŮŽE být nazvána "lunchBreak".

Při pojmenovávání složitějších proměnných v JavaScriptu se často používá camelCasing. To znamená, že první slovo začíná malým písmenem, zatímco zbytek slov začíná velkými písmeny. Zde je několik příkladů:

let userMailAddress = "john@doe.com";
let aLongVariableNameWithManyWords = 42;

Mějte však na paměti, že toto je jen doporučení - můžete dělat, co chcete, včetně použití všech malých nebo velkých písmen. Jen si pamatujte, že JavaScript rozlišuje velká a malá písmena, takže pokud deklarujete proměnnou s názvem "NAME", neočekávejte, že se na ni budete moci odkazovat jako na "name".

Konstanty

Právě jsme se dozvěděli, že můžete přiřadit hodnotu proměnné kdykoliv chcete a změnit hodnotu kdykoliv chcete. Ale někdy chcete deklarovat proměnnou, okamžitě jí přiřadit hodnotu a pak nikomu nedovolit hodnotu změnit. Pro tento účel máme konstanty. Vypadají stejně jako proměnné, ale místo klíčového slova var nebo let používají klíčové slovo const:

const answerToEverything = 42;

Všimněte si, že okamžitě přiřazuji konstantě hodnotu - na rozdíl od proměnných nemůžete deklarovat konstantu bez přiřazení hodnoty. A protože je to konstanta, nemůže být změněna - interpreter okamžitě vyhodí chybu, pokud se pokusíte změnit konstantě hodnotu:

const answerToEverything = 42;

// Won't work - it's a constant!
answerToEverything = 43;

Pokud se pokusíte udělat výše uvedené, zobrazí se chyba jako tato:

Uncaught TypeError: Assignment to constant variable.

Je velmi užitečné mít proměnné, které nemohou být změněny ani vámi, ani nikým jiným, protože některé věci by prostě neměly být měněny. Z tohoto důvodu JavaScript sám o sobě obsahuje spoustu konstant, například Math.PI:

// A constant - it can't be changed!
Math.PI = 42;
// 3.141592653589793
alert(Math.PI);

Shrnutí

Představte si proměnné jako pěkně uspořádané úložné boxy s nálepkami: Do proměnné můžete uložit jakýkoli kus informace a pojmenovat ji podle toho, abyste později mohli přistupovat a/nebo upravovat obsah proměnné. Proměnné jsou důležitou součástí programování a uvidíte je používat v mnoha příkladech v tomto tutoriálu, a ještě více ve skutečném světě, když začnete psát kód sami.