Funkce JavaScriptu
Funkce JavaScriptu je blok kódu určený k provádění konkrétního úkolu.
Funkce JavaScript se spustí, když ji „něco“ vyvolá (zavolá).
Příklad
function myFunction(p1, p2) {
return p1 * p2;
// The function returns the product of p1 and p2
}
Syntaxe funkce JavaScript
Funkce JavaScriptu je definována function
klíčovým slovem, za nímž následuje název a závorky () .
Názvy funkcí mohou obsahovat písmena, číslice, podtržítka a znaky dolaru (stejná pravidla jako pro proměnné).
Závorky mohou obsahovat názvy parametrů oddělené čárkami:
( parametr1, parametr2, ... )
Kód, který má funkce provést, je umístěn ve složených závorkách: {}
function
name(parameter1, parameter2, parameter3) {
// code to be executed
}
Parametry funkce jsou uvedeny v závorkách () v definici funkce.
Argumenty funkce jsou hodnoty , které funkce obdrží, když je vyvolána.
Uvnitř funkce se argumenty (parametry) chovají jako lokální proměnné.
Funkce je v jiných programovacích jazycích téměř stejná jako procedura nebo podprogram.
Vyvolání funkce
Kód uvnitř funkce se spustí, když „něco“ vyvolá (volá) funkci:
- Když dojde k události (když uživatel klikne na tlačítko)
- Když je vyvolán (volán) z kódu JavaScript
- Automaticky (samo vyvolat)
O vyvolání funkcí se dozvíte mnohem více později v tomto tutoriálu.
Funkce Návrat
Když JavaScript dosáhne return
příkazu, funkce se zastaví.
Pokud byla funkce vyvolána z příkazu, JavaScript se „vrátí“ a spustí kód po příkazu vyvolání.
Funkce často počítají návratovou hodnotu . Vrácená hodnota je „vrácena“ zpět „volajícímu“:
Příklad
Vypočítejte součin dvou čísel a vraťte výsledek:
let x = myFunction(4, 3); // Function is called, return value will end up in x
function myFunction(a, b) {
return a * b;
// Function returns the product of a and b
}
Výsledek v x bude:
12
Proč Funkce?
Kód můžete znovu použít: Definujte kód jednou a použijte jej mnohokrát.
Stejný kód můžete použít mnohokrát s různými argumenty, abyste získali různé výsledky.
Příklad
Převést Fahrenheita na stupně Celsia:
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(77);
Operátor () vyvolá funkci
Pomocí výše uvedeného příkladu toCelsius
odkazuje na objekt funkce a
toCelsius()
odkazuje na výsledek funkce.
Přístup k funkci bez () vrátí objekt funkce místo výsledku funkce.
Příklad
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius;
Funkce používané jako proměnné hodnoty
Funkce lze používat stejným způsobem, jako používáte proměnné, ve všech typech vzorců, přiřazení a výpočtů.
Příklad
Místo použití proměnné k uložení návratové hodnoty funkce:
let x = toCelsius(77);
let text = "The temperature is " + x + " Celsius";
Funkci můžete použít přímo jako hodnotu proměnné:
let text = "The temperature is " + toCelsius(77) + " Celsius";
O funkcích se dozvíte mnohem více později v tomto tutoriálu.
Místní proměnné
Proměnné deklarované v rámci funkce JavaScriptu se stanou pro funkci LOKÁLNÍ .
K místním proměnným lze přistupovat pouze z funkce.
Příklad
// code here can NOT use carName
function myFunction() {
let carName = "Volvo";
// code here CAN use carName
}
// code here can NOT use carName
Protože lokální proměnné jsou rozpoznávány pouze uvnitř jejich funkcí, lze proměnné se stejným názvem použít v různých funkcích.
Lokální proměnné se vytvářejí při spuštění funkce a vymažou se po dokončení funkce.