Úloha 5 – Refaktoring proměnných – přechod na const a let

Úvod k Úloze

Zvládnout základní pravidla pro deklaraci a pojmenovávání proměnných je první krok. Skutečná dovednost programátora se ale ukáže až při práci s již existujícím kódem. Analýza a refaktoring znamenají, že student nejen čte cizí kód, ale dokáže jej zlepšit: odstranit nepotřebné části, přejmenovat proměnné tak, aby byly srozumitelné, nahradit zastaralé konstrukce moderními a sjednotit styl zápisu. Díky tomu se kód stává konzistentní, předvídatelný a snadno čitelný – a to je pro týmovou práci naprosto zásadní.

Teorie a principy

1. Odstraňování nepoužívaných proměnných

   • Proměnné, které nikdo v kódu nepoužívá, jen zhoršují přehlednost.

   • Mohou být pozůstatkem testování nebo staré verze algoritmu.

2. Přejmenování nevhodných identifikátorů

   • Názvy jako x, data1, abc nic nevypovídají.

   • Proměnná má jasně naznačit, co obsahuje (userAge, totalPrice).

3. Nahrazení var moderními klíčovými slovy

   • var je historické, nepodporuje blokový rozsah.

   • Vždy se nahrazuje let (pokud se hodnota mění) nebo const (pokud je neměnná).

4. Sjednocení stylu zápisu

   • Používat jednotný formát: camelCase pro běžné proměnné, velká písmena pro konstanty.

   • Dodržovat konzistenci v odsazování, střednících a uvozovkách.

Praktické příklady kódu

Původní kód

Refaktorovaný kód

Co se změnilo?

• Nepoužívaná proměnná temp byla odstraněna.

• DATA přejmenováno na userName.

• x, y nahrazeny smysluplnými firstNumber, secondNumber.

• var nahrazeno let/const.

• Název funkce změněn na anglický a srozumitelný calculateSum.

Typické chyby / záludnosti

• Ignorování nepoužívaných proměnných – kód se tváří delší a složitější, než je.

• Přejmenování bez konzistence – např. jedna proměnná v camelCase, druhá ve snake_case.

• Nahrazení všech proměnných const bez uvážení – pokud se hodnota má měnit, patří tam let.

• Zapomenutí změnit všechny výskyty proměnné při přejmenování → vede k chybám is not defined.

Shrnutí

• Refaktoring znamená zlepšit kód bez změny jeho funkčnosti.

• Odstraňujte proměnné, které se nepoužívají.

• Přejmenovávejte identifikátory tak, aby jasně popisovaly obsah.

• var vždy nahrazujte let nebo const.

• Dodržujte jednotný styl zápisu – výsledkem je čitelný, předvídatelný a udržitelný kód.

Úloha

Zadání (kontext úlohy)

Uprav následující kód tak, aby:

• nepoužíval var,

• proměnné měly smysluplné názvy,

• kód byl moderní a čitelný.

Původní kód:

Cíl úlohy

• Procvičíš si schopnost provést refaktoring kódu.

• Naučíš se používat moderní deklarace (const, let).

• Pochopíš důležitost smysluplného pojmenování proměnných.

Vstupní podmínky

• Máš k dispozici soubor script.js.

• V souboru je původní kód s proměnnými a, b, c.

Požadovaný výstup

• Kód bude přepsán pomocí const.

• Proměnné se budou jmenovat prvniCislo, druheCislo, soucet.

• Výsledek bude správně vypsán do konzole.

Doplňující pokyny

• Používej const pro hodnoty, které se nemění – zvyšuje to bezpečnost a přehlednost kódu.

• let použij pouze tehdy, pokud potřebuješ hodnotu později měnit.

• Smysluplné názvy proměnných zvyšují čitelnost a udržovatelnost kódu.

Soubor

Odkaz na js soubor

Řešení ulohy

Co je zde splněno

• var byl nahrazen moderní deklarací const.

• Proměnné dostaly smysluplné názvy (prvniCislo, druheCislo, soucet).

• Kód je čitelnější a bezpečnější.

Poznámky

• Použití const jasně říká, že tyto hodnoty se v průběhu programu nebudou měnit.

• Pokud by se čísla načítala například od uživatele a mohly by se změnit, použil by se let.

• Původní kód s var mohl působit nejednoznačně a názvy proměnných a, b, c nic neříkaly o jejich účelu.