Úloha 4 – Pravidla pojmenování proměnných

Úvod k Úloze

Znalost zkrácených přiřazovacích operátorů nestačí jen pasivně – jejich skutečná síla se ukáže při práci s reálným kódem. Ve větších projektech se totiž často opakují vzory typu x = x + y, pocet = pocet - 1 nebo soucin = soucin * faktor. Tyto zápisy sice fungují, ale jsou zbytečně rozvláčné. Refaktoring (úprava stávajícího kódu bez změny jeho funkčnosti) pomáhá tyto pasáže zpřehlednit a zkrátit. Cílem tohoto bloku cvičení je naučit studenty všímat si takových situací a nahrazovat je vhodnými zkrácenými operátory.

Teorie a principy

• Opakování vzoru x = x OP y: kdykoli vidíme proměnnou, která se na levé straně přiřazení opakuje i na pravé, jde o kandidáta pro zkrácený zápis.

• Refaktoring pro čitelnost: kratší kód = méně opakování, menší prostor pro chyby, lepší přehlednost.

• Bez změny významu: přepsání na zkrácený tvar nesmí změnit logiku programu – x = x + y; a x += y; jsou funkčně shodné.

Praktické příklady kódu

Původní kód

Refaktorovaný kód

Další ukázka

Původní verze:

Refaktorovaná verze:

Typické chyby / záludnosti

• Neopatrné přepisování: studenti někdy zkrátí výraz, který není přesně v podobě x = x OP y.

  • Například: x = y + x není totéž co x += y – i když u operátoru + to může vypadat stejně, u jiných operátorů (např. -, /, *) může být rozdíl kvůli pořadí operandů.
    
    

• Přehlédnutí vedlejších efektů: u složitějších výrazů, kde pravá strana není jen x OP y, nemusí být přepsání přímočaré.

• Estetika vs. čitelnost: někdy může být delší varianta jasnější (např. v didaktickém příkladu, kde chceme ukázat celý postup).

Shrnutí

• Při refaktoringu hledejte výrazy ve tvaru x = x OP y.

• Přepište je na x OP= y pro kratší a přehlednější kód.

• Dávejte pozor, aby se logika výrazu nezměnila.

• Tato praxe zlepšuje čitelnost, snižuje riziko chyb a činí kód profesionálnějším.

Úloha

Zadání (kontext úlohy)

Vytvoř 5 proměnných s různými názvy, z nichž některé budou správné a některé chybné:

• 1vek

• vek1

• $platba

• _cislo

• let

Sleduj, které proměnné JavaScript přijme a které vyhodí jako chybu.

Cíl úlohy

• Prověříš si znalost pravidel pojmenovávání proměnných.

• Uvidíš rozdíl mezi platnými a neplatnými názvy.

• Pochopíš, proč je důležité používat smysluplná jména.

Vstupní podmínky

• Máš k dispozici pouze soubor script.js propojený s HTML.

• Úpravy provádíš pouze v souboru script.js.

Požadovaný výstup

• Prohlížeč zobrazí chybu u neplatných názvů (1vek, let).

• Ostatní proměnné (vek1, $platba, _cislo) budou fungovat a půjdou vypsat do konzole.

Doplňující pokyny

• Diskutuj, proč je důležité dávat proměnným smysluplná jména (např. pocetStudentu místo x).

• Pamatuj na pravidla:

  • název nesmí začínat číslem,

  • může obsahovat písmena, čísla, _ a $,

  • nesmí být shodný s rezervovaným slovem (např. let, const, var).

Soubor

Odkaz na js soubor

Odkaz na html soubor

Řešení úlohy

Co je zde splněno

• Ukázány tři platné názvy (vek1, $platba, _cislo).

• Ukázány dva neplatné názvy (1vek, let) → při odkomentování vyhodí chybu.

• Správné názvy fungují a vypíší se do konzole.

Poznámky

• 1vek je neplatný, protože název nesmí začínat číslem.

• let je neplatný, protože jde o rezervované slovo v JavaScriptu.

• Používání $ a _ je povoleno, ale běžně se využívá jen v knihovnách nebo speciálních případech.

• V praxi je důležité volit srozumitelná jména proměnných – kód se pak lépe čte a udržuje.