JS proměnné

Proměnné

Proměnná je pojmenované alokované (vymezené) místo v paměti do kterého můžeme ukládat hodnoty, můžeme je číst, přepisovat a mazat.

Proměnná slouží jako úložiště pro naše informace při běhu programu

Pro deklaraci proměnné v JavaScriptu používáme slovíčko let

Syntax: let nazevPromenne;

Následně pro vložení dat do naší proměnné používáme operátor =

Syntax: let greeting = "Hello World";

nebo

Syntax: let greeting;

greeting = "Hello World";

Ve starších scriptech lze také najít deklaraci pomocí slovíčka var

var funguje skoro stejně jako let. Také slouží pro deklaraci proměnné, ale má spoustu nevýhod z dob minulých. Proto se v moderním JavaScriptu už nepoužívá.

Pojmenování

Jména proměnných musí obsahovat pouze písmena, čísla nebo symboly $ a _

První znak nesmí být číslo

Dobrou konvencí pro zápis jména je takzvaný "camelCase", kde každé další slovo v názvu navazuje velkým písmenem.

Např. let myVariable = 1;

Nadále pro zápis proměnných (a nějak tak všeho v programování/scriptování) se využívá anglický jazyk - vyvarovat se věcem typu: let příjmení = "Novák";

Samozřejmě pro začátečníka může jeho rodný jazyk v kódu ze začátku sloužit pro lepší orientaci

const

Pro vytvoření konstanty (proměnná, která se pak nebude měnit) používáme slovíčko const

Editor

Pro živou ukázku je CSS a JavaScript vepsaný přímo v dokumentu - v praxi tyto soubory vždy oddělujte do externích souborů

<!DOCTYPE html> <html> <head> </head> <body> <script> let myName = "Jan"; let myAge = 20; const COLOR_BLUE = "#00F"; console.log({myName}); console.log({myAge}); console.log({COLOR_BLUE}); </script> </body> </html>

Page

PS: Logy se zobrazují v konzoli - F12 - console

Datové typy

let age = 20; - Number (číslo)
let name = 'Jan'; - String (řetězec)
let person = {name: 'Jan', age: '20'}; - Object (objekt)
let truth = true; - Boolean (pravdivostní hodnota)
let numbers = [0, 1, 2, 3]; - Array (pole)
let t; typeof t; - undefined
let t = null; - null

Řetězce

Pro vytvoření řetězce v JavaScriptu můžeme použít uvozovky "", '' a ``

Syntax: let name = "Jan";

Syntax: let name = 'Jan';

Syntax: let name = `Jan`;

Pro spojení hodnot v JavaScriptu slouží operátor +

Příklad: let name = "Jan";

let sentence = "Tvoje jméno je " + name;

Tenhle syntax lze zapsat ještě tímto způsobem:

let sentence = `Tvoje jméno je ${name}`; // zpětné uvozovky a ${nazevPromenne} syntax

TWS/WAP Cheatsheet