Úloha 2 – Funkce pozdrav

Úvod do úlohy

Správně napsaná funkce není jen o logice uvnitř – důležitá je i forma, tedy syntaxe. Pokud uděláme chybu v názvu, závorkách nebo klíčových slovech, program se ani nespustí. Studenti proto potřebují procvičit samotnou strukturu funkce: od použití klíčového slova function, přes jasný a smysluplný název, až po správné umístění parametrů a těla funkce do závorek. Porozumění rozdílu mezi definicí funkce a jejím voláním je klíčové – zejména v kontextu událostí (např. kliknutí na tlačítko), ale i při přímém spuštění kódu nebo při použití tzv. self-invoking konstrukcí.

Teorie a principy

• Definice funkce vždy začíná klíčovým slovem function.

• Název funkce:

  • musí začínat písmenem, podtržítkem _ nebo znakem $,

  • nesmí obsahovat mezery ani speciální znaky,

  • měl by být popisný (např. spocitejSoucet místo fce1).

• Parametry se píší do kulatých závorek (). Pokud žádné nejsou, závorky zůstávají prázdné.

• Tělo funkce se uzavírá do složených závorek { }.

• Volání funkce probíhá pomocí jejího názvu a závorek, např. mojeFunkce().

• Funkce můžeme:

  1. Volat přímo v kódu.

  2. Přiřadit jejich volání k událostem (např. kliknutí).

  3. Spustit ihned po definici (self-invoking).

Praktické příklady kódu

1. Definice a volání funkce

2. Funkce s parametrem

3. Funkce v události

4. Self-invoking funkce (okamžité spuštění)

Typické chyby / záludnosti

• Chybějící závorky při volání: mojeFunkce; místo mojeFunkce();.

• Nevhodný název funkce: použití mezer (moje funkce) nebo rezervovaných slov (function, if).

• Zapomenuté složené závorky – bez nich se funkce nespustí správně.

• Záměna definice a volání: function mojeFunkce(); je špatně, závorky za názvem patří jen při volání.

• Při událostech: pozor, pokud napíšeme onclick = ukazZpravu();, funkce se spustí hned, nikoli až při kliknutí.

Shrnutí – hlavní body k zapamatování

• Funkce definujeme pomocí function, názvu, kulatých a složených závorek.

• Název musí být smysluplný a dodržovat pravidla pro identifikátory.

• Rozlišujte definici a volání funkce.

• Funkce lze spouštět přímo, při událostech nebo ihned po definici (self-invoking).

• Nejčastější chyby se týkají závorek a nesprávných názvů.

Úloha

Zadání (kontext úlohy):

Potřebuješ vytvořit funkci, která při spuštění zobrazí jednoduchou zprávu. Cílem je procvičit správnou syntaxi funkce – tedy klíčové slovo function, název, závorky a tělo funkce.

Cíl úlohy:

Student si procvičí správnou strukturu funkce a rozdíl mezi její definicí a voláním.

Vstupní podmínky:

Student pracuje pouze s nově vytvořeným souborem script.js.

Požadovaný výstup:

1. Napiš funkci s názvem pozdrav, která nebere žádný parametr.

2. Funkce má do konzole vypsat text „Ahoj, já jsem funkce!“.

3. Funkci jednou definuj a poté ji alespoň dvakrát zavolej.

4. Zkontroluj, že se výstup objeví v konzoli pokaždé, když funkci zavoláš.

Doplňující pokyny:

• Nezapomeň na kulaté závorky () i v případě, že funkce nemá parametry.

• Funkci je nutné nejdřív definovat a teprve potom volat.

• Pokud při volání zapomeneš závorky, funkce se nespustí.

Řšení úlohy

Co je zde splněno

• funkce definovaná pomocí function,

• funkce má správný název pozdrav,

• funkce nebere žádný parametr,

• tělo funkce obsahuje příkaz console.log,

• funkce byla zavolána dvakrát a pokaždé vypsala zprávu.

Poznámky

• Pokud při volání napíšeš jen pozdrav;, funkce se nespustí (jen odkazuješ na její definici).

• Závorky () musí být uvedeny i tehdy, když funkce nemá žádné parametry.