Výuka funkcí JavaScriptu s příklady

Funkce jsou opakovaně použitelné části kódu, které jsou zapouzdřeny, takže je můžete snadno volat jménem, ​​když je potřebujete. Zde je návod, jak fungují v JavaScriptu, s příklady.

Co jsou funkce?

Při programování budete muset provést stejnou sadu akcí vícekrát na různých datech. Možná budete muset například provést výpočet na všech řádcích v tabulce nebo aktualizovat hodnoty v seznamu objektů.

Není moudré ani praktické opakovaně přepisovat stejný kód v celé aplikaci. Funkce jsou částí kódu, které je přiřazen název a může přijímat a vracet data, což umožňuje jejich opětovné použití tím, že je zavoláte podle jména a předáte jim data a poté přečtete výsledek.

Deklarování funkcí v JavaScriptu

Funkce JavaScriptu jsou definovány pomocí následující syntaxe:

function NAME(PARAMETER){
    return VALUE;
}

Všimněte si, že:

• NAME je název, který chcete funkci přidělit
  • Mělo by být jedinečné, nemělo by být sdíleno s žádnou jinou funkcí ani proměnnou
  • Musí být alfanumerický a obsahovat pouze písmena, čísla a podtržítka
• PARAMETR je volitelný seznam parametrů – proměnných, které chcete zpřístupnit ve funkci
  • Ve funkci budou k dispozici také globální proměnné
• Volitelná HODNOTA lze z funkce vrátit pro použití mimo ni
  • Globální proměnné upravené uvnitř funkce si také zachovají veškeré změny provedené ve funkci
• Funkce lze deklarovat kdekoli v kódu a budou vyzvednuty, takže budou dostupné ještě před jejich deklarací

Výrazy funkcí

Existuje alternativní syntaxe pro definování funkcí, výrazy funkcí . Funkční výrazy vám umožňují definovat funkci, jejíž název je vynechán, čímž vzniká anonymní funkce . Funkci pak lze přiřadit proměnné spíše než být pojmenovanou funkcí.

let myFunction = function(PARAMETER){
    return VALUE;
}

Proč používat funkční výrazy?

Funkce existují v globálním rozsahu. Funkční výrazy však mohou existovat pouze v aktuálním rozsahu – což znamená, že výraz funkce můžete deklarovat uvnitř jiné funkce, smyčky nebo jiného bloku s rozsahem a bude k dispozici pouze tam, nikoli ucpání globálního rozsahu.

Funkce je deklarována a poté se na ni zapomene, když již není vyžadována jako součást normálního garbage collection, což také může udržovat kód efektivní.

Funkce vytvořené pomocí funkčních výrazů nejsou zvednuté, takže musí být deklarovány před jsou používány.

Syntaxe výrazu funkce šipky

Oblíbenou zkratkou pro deklarování funkčních výrazů je syntaxe šipky:

let myFunction = (PARAMETER) => {
    return VALUE
}

Je to prostě zkratka – spíše než psaní funkce (PARAMETR) šipku => se používá mezi závorkami a složenými závorkami obsahujícími kód funkce.

Použití funkcí [Příklady]

Níže jsou funkce deklarovány pomocí deklarací funkcí, výrazů funkcí a syntaxe šipky výrazu funkce:

// Declare a function
function multiplyFunction(a, b){
    return a * b;
}

// Assign a function expression to a variable
let addFunction = function(a, b) {
    return a + b;
}

// Assign a function expression to a variable, with arrow syntax
let subtractFunction = (a, b) = > {
    return a - b;
}

Všechny funkce se nazývají stejným způsobem:

multiplyFunction(2, 3); // 6
addFunction(2, 3); // 5
subtractFunction(2, 3); // -1