JavaScript 2

41. hodina WBA


Matěj Cajthaml — SSPŠ

©

JS je jedno-vláknový jazyk a zpracovává se sekvenčně. Tedy, když dáme kód do tagu script, zavolá se ihned, jak se k němu jádro prohlížeče dostane.
Můžeme však v kódu zachytit událost a čekat do nějaké doby na zavolání jiného kódu.
V konzoli zmíněné minulou hodinu se budou například ukazovat i chyby, které nastaly při spuštění našeho JS kódu.
V konzoli v DevTools můžeme zapisovat JS kód stejně jako v HTML.
Každý příkaz v JS končí středníkem (;). Tyto středníky však nejsou interpretátorem kontrolovány — často stačí nová řádka.
Klíčové slovo je slovo, které si zarezervoval jazyk ke svému využítí. Takové jméno již nesmíme využívat jako např. jméno proměnné.

Proměnné

  • způsob ukládání dat v kódu
  • ukládají se do operační paměti
  • existují dva (případně tři) typy proměnných v JS
  • vždy musíme definovat:
    • typ proměnné
    • jméno
  • deklarace (pouze jednou) a existují v aktuálním bloku
  • určení hodnoty při deklaraci
  • přenastavení hodnoty

Normální proměnné

  • klíčové slovo let
  • její hodnota se může v průběhu programu měnit

Konstanty

  • klíčové slovo const
  • její hodnota je (musí být) nastavena při deklaraci
  • její hodnotu poté nemůžeme měnit (chyba)
Jména proměnných bez výjimek píšeme vždy v anglickém jazyce a používáme konvenci camelCase či obdobu.

Když v JS nastane chyba v bloku, již se v daném bloku neprovede žádný jiný příkaz.

Čím se liší proměnná a konstanta? Proč je využíváme?

Hodnota undefined

  • automaticky se nastaví proměnné tehdy, když jí nenastavíme hodnotu
  • znamená nedefinováno
  • můžeme nastavit sami a později kontrolovat

Můžete definovat proměnnou s jménem undefined?

Boolean hodnoty

  • určují pravdu (true) či nepravdu (false)
  • používají se na různé vyhodnocování výrazů
  • matematická logika
  • binární soustava
  • např. (true OR false) AND NOT(false) = ?
  • AND = &&
  • OR = ||
  • NOT = !

String hodnoty

  • textové hodnoty
  • spojování pomocí +
  • délka pomocí .length
  • znak na k-té pozici pomocí .charAt(k)
  • zda obsahuje jiný text .includes(string)

String hodnoty

  • .toUpperCase() — převede na velké písmena (vrací nový string)
  • .toLowerCase() — převede na malé písmena (vrací nový string)
  • == — porovná zda jsou všechny písmena stringu exaktní (vrací boolean hodnotu)
  • != — porovná zda je alespoň jedno písmeno stringu nestejné (vrací boolean hodnotu)

Číselné hodnoty

  • + — sčítání
  • - — odečítání
  • * — násobení
  • / — dělení
  • == — rovná se
  • < — menší než
  • > — větší než
  • >= — větší nebo rovno
  • <= — menší nebo rovno

Přemýšlíme

  • můžeme násobit celé číslo s desetinným číslem?
  • můžeme dělit celé číslo nulou?
  • můžeme dělit desetinné číslo nulou?
  • můžeme dělit celé číslo desetinným číslem?
  • můžeme porovnávat desetinné číslo s celým číslem?

Větvení

  • křižovatka
  • rozděluje skript na více možných větví
  • nejčastěji:
    • podmínka
    • cykly
    • přepínače

Podmínka

  • označujeme blok pomocí if
  • příkazy v bloku se budou volat jen tehdy, když bude jeho podmínka pravdivá — true
  • pokud neplatí, blok se přeskočí
  • můžeme definovat else a else-if větev

Dokončete

Práce

Zjisti o JS 1

Práce

https://ssps.cajthaml.eu/2-wba/work/42-zjisti-o-js-1

Děkuji za pozornost!

  • matej.cajthaml@ssps.cz
  • https://ssps.cajthaml.eu/