Proměnné JavaScriptu
4 způsoby, jak deklarovat proměnnou JavaScriptu:
- Použitím
var
- Použitím
let
- Použitím
const
- Nepoužívat nic
Co jsou proměnné?
Proměnné jsou kontejnery pro ukládání dat (ukládání datových hodnot).
V tomto příkladu jsou x
, y
, a z
, proměnné deklarované pomocí var
klíčového slova:
Příklad
var x = 5;
var y = 6;
var z = x + y;
V tomto příkladu jsou x
, y
, a z
, proměnné deklarované pomocí let
klíčového slova:
Příklad
let x = 5;
let y = 6;
let z = x + y;
V tomto příkladu jsou x
, y
, a z
, nedeklarované proměnné:
Příklad
x = 5;
y = 6;
z = x + y;
Ze všech výše uvedených příkladů můžete hádat:
- x ukládá hodnotu 5
- y ukládá hodnotu 6
- z ukládá hodnotu 11
Kdy použít JavaScript var?
Proměnné JavaScriptu vždy deklarujte pomocí var
, let
nebo const
.
Klíčové var
slovo se používá ve všech kódech JavaScript od roku 1995 do roku 2015.
Klíčová slova let
a const
byla přidána do JavaScriptu v roce 2015.
Pokud chcete, aby váš kód běžel ve starším prohlížeči, musíte použít var
.
Kdy použít JavaScript const?
Pokud chcete obecné pravidlo: vždy deklarujte proměnné pomocí const
.
Pokud si myslíte, že se hodnota proměnné může změnit, použijte let
.
V tomto příkladu jsou price1
, price2
, a total
, proměnné:
Příklad
const price1 = 5;
const price2 = 6;
let total = price1 + price2;
Dvě proměnné price1
a price2
jsou deklarovány pomocí const
klíčového slova.
Tyto hodnoty jsou konstantní a nelze je měnit.
Proměnná total
je deklarována pomocí let
klíčového slova.
Toto je hodnota, kterou lze změnit.
Stejně jako Algebra
Stejně jako v algebře mají proměnné hodnoty:
let x = 5;
let y = 6;
Stejně jako v algebře se proměnné používají ve výrazech:
let z = x + y;
Z výše uvedeného příkladu můžete uhodnout, že součet je vypočítán na 11.
Poznámka
Proměnné jsou kontejnery pro ukládání hodnot.
JavaScriptové identifikátory
Všechny proměnné JavaScriptu musí být označeny jedinečnými názvy .
Tato jedinečná jména se nazývají identifikátory .
Identifikátory mohou být krátké názvy (jako x a y) nebo popisnější názvy (věk, součet, celkový objem).
Obecná pravidla pro vytváření jmen pro proměnné (jedinečné identifikátory) jsou:
- Jména mohou obsahovat písmena, číslice, podtržítka a znaky dolaru.
- Jména musí začínat písmenem
- Názvy mohou také začínat $ a _ (ale v tomto tutoriálu je nepoužijeme)
- V názvech se rozlišují velká a malá písmena (y a Y jsou různé proměnné)
- Vyhrazená slova (jako klíčová slova JavaScriptu) nelze použít jako názvy
Poznámka
V identifikátorech JavaScriptu se rozlišují velká a malá písmena.
Operátor přiřazení
V JavaScriptu je rovnítko ( =
) operátorem „přiřazení“, nikoli operátorem „rovná se“.
To se liší od algebry. Následující nedává v algebře smysl:
x = x + 5
V JavaScriptu to ale dává dokonalý smysl: přiřazuje hodnotu x + 5 x.
(Vypočítá hodnotu x + 5 a výsledek vloží do x. Hodnota x se zvýší o 5.)
Poznámka
Operátor "rovná se" se zapisuje jako ==
v JavaScriptu.
Datové typy JavaScriptu
Proměnné JavaScriptu mohou obsahovat čísla jako 100 a textové hodnoty jako „John Doe“.
V programování se textové hodnoty nazývají textové řetězce.
JavaScript dokáže zpracovat mnoho typů dat, ale zatím si představte jen čísla a řetězce.
Řetězce jsou psány uvnitř dvojitých nebo jednoduchých uvozovek. Čísla se píší bez uvozovek.
Pokud vložíte číslo do uvozovek, bude s ním zacházeno jako s textovým řetězcem.
Příklad
const pi = 3.14;
let person = "John Doe";
let answer = 'Yes I am!';
Deklarování proměnné JavaScriptu
Vytvoření proměnné v JavaScriptu se nazývá „deklarování“ proměnné.
Proměnnou JavaScriptu deklarujete pomocí klíčového slova var
nebo :let
var carName;
nebo:
let carName;
Po deklaraci nemá proměnná žádnou hodnotu (technicky je to undefined
).
Chcete-li proměnné přiřadit hodnotu, použijte rovnítko:
carName = "Volvo";
Můžete také přiřadit hodnotu proměnné, když ji deklarujete:
let carName = "Volvo";
V níže uvedeném příkladu vytvoříme proměnnou s názvem carName
a přiřadíme jí hodnotu „Volvo“.
Potom „vypíšeme“ hodnotu uvnitř odstavce HTML s id="demo":
Příklad
<p id="demo"></p>
<script>
let carName = "Volvo";
document.getElementById("demo").innerHTML = carName;
</script>
Poznámka
Je dobrým programátorským postupem deklarovat všechny proměnné na začátku skriptu.
Jedno prohlášení, mnoho proměnných
V jednom příkazu můžete deklarovat mnoho proměnných.
Začněte příkaz var
a oddělte proměnné čárkou :
Příklad
let person = "John Doe", carName = "Volvo", price = 200;
Deklarace může zahrnovat více řádků:
Příklad
let person = "John Doe",
carName = "Volvo",
price = 200;
Hodnota = nedefinováno
V počítačových programech jsou proměnné často deklarovány bez hodnoty. Hodnota může být něco, co je třeba vypočítat, nebo něco, co bude poskytnuto později, jako je vstup uživatele.
Proměnná deklarovaná bez hodnoty bude mít hodnotu
undefined
.
Proměnná carName bude mít undefined
po provedení tohoto příkazu hodnotu:
Příklad
let carName;
Opětovné deklarování proměnných JavaScriptu
Pokud znovu deklarujete proměnnou JavaScriptu deklarovanou pomocí var
, neztratí svou hodnotu.
carName
Po provedení těchto příkazů bude mít proměnná stále hodnotu „Volvo“:
Příklad
var carName = "Volvo";
var carName;
Poznámka
Nemůžete znovu deklarovat proměnnou deklarovanou pomocí let
nebo const
.
Toto nebude fungovat:
let carName = "Volvo";
let carName;
Aritmetika JavaScriptu
Stejně jako u algebry můžete provádět aritmetiku s proměnnými JavaScriptu pomocí operátorů jako =
a +
:
Příklad
let x = 5 + 2 + 3;
Můžete také přidat řetězce, ale řetězce budou zřetězeny:
Příklad
let x = "John" + " " + "Doe";
Zkuste také toto:
Příklad
let x = "5" + 2 + 3;
Poznámka
Pokud vložíte číslo do uvozovek, zbytek čísel bude považován za řetězce a bude zřetězen.
Nyní zkuste toto:
Příklad
let x = 2 + 3 + "5";
JavaScript znak dolaru $
Protože JavaScript zachází se znakem dolaru jako s písmenem, identifikátory obsahující $ jsou platnými názvy proměnných:
Příklad
let $ = "Hello World";
let $$$ = 2;
let $myMoney = 5;
Používání znaku dolaru není v JavaScriptu příliš běžné, ale profesionální programátoři jej často používají jako alias pro hlavní funkci v JavaScriptové knihovně.
Například v JavaScriptové knihovně jQuery se hlavní funkce
$
používá k výběru prvků HTML. V jQuery $("p");
znamená "vybrat všechny p elementy".
Podtržítko JavaScript (_)
Protože JavaScript považuje podtržítko za písmeno, identifikátory obsahující _ jsou platnými názvy proměnných:
Příklad
let _lastName = "Johnson";
let _x = 2;
let _100 = 5;
Používání podtržítka není v JavaScriptu příliš běžné, ale mezi profesionálními programátory je zvykem jej používat jako alias pro „soukromé (skryté)“ proměnné.