Definice funkcí

V této lekci se naučíte psát vlastní funkce. Začněme problémem: potřebujeme spočítat obsah tří obdélníků. Obsah obdélníku je jeho šířka krát výška, takže bychom mohli napsat:

const sirka1 = 5;
const vyska1 = 6;
const obsah1 = sirka1 * vyska1;
console.log(obsah1);

const sirka2 = 10;
const vyska2 = 5;
const obsah2 = sirka2 * vyska2;
console.log(obsah2);

const sirka3 = 1;
const vyska3 = 5;
const obsah3 = sirka3 * vyska3;
console.log(obsah3);

Tento kód vypíše:

30
50
5

Funguje to, ale stejné tři řádky jsme napsali třikrát a měnila se jen čísla. Představte si sto obdélníků! A kdybychom ve výpočtu našli chybu, museli bychom ji opravit na sto místech.

Programátoři se snaží kód neopakovat. Část, která se opakuje, napíší jen jednou, dají jí název a pak ji používají všude, kde ji potřebují. Takové pojmenované části kódu se říká funkce.

Funkce, které pro vás připravil JavaScript, už jste používali: metody jako console.log() nebo .push() jsou funkce, které patří k nějaké hodnotě. Teď si napíšete vlastní. Vytvoření funkce se říká definice funkce:

function pozdrav() {
    console.log("Ahoj!");
    console.log("Hezký den!");
}

Definice funkce má čtyři části:

• klíčové slovo function (funkce), které JavaScriptu říká, že následuje funkce;
• název funkce, tady pozdrav. Platí pro něj stejná pravidla jako pro názvy proměnných: žádné mezery a víceslovné názvy ve stylu camelCase. Funkce něco dělá, a tak její název obvykle obsahuje sloveso, například pozdrav nebo vypisObsah;
• závorky (). Zatím jsou prázdné a co do nich patří, zjistíte za chvíli;
• blok kódu ve složených závorkách { }, kterému se říká tělo funkce. Obsahuje příkazy, které funkce provede. Odsazujeme je o 4 mezery, aby bylo hned vidět, že patří k funkci. Stejně jako u if se za zavírací } nepíše středník.

Když tento kód spustíte, nic se nevypíše. To není chyba! Definice jen říká JavaScriptu, co má funkce dělat, podobně jako recept zapsaný v kuchařce: zatím nikdo nic neuvařil. V dalším cvičení funkci spustíte.

Častou chybou je zapomenout závorky za názvem. function pozdrav { skončí chybou SyntaxError: Unexpected token '{' (nečekaný znak): JavaScript za názvem čekal (, ale našel {.