V tomto článku budeme podrobně studovat, co přesně jsou anonymní funkce v JavaScriptu a jak je deklarovat pomocí normální techniky a/nebo pomocí samotné techniky Arrow Function.
Anonymní funkce
Je to funkce, která nemá žádný název. Normálně používáme funkce klíčové slovo před názvem funkce pro definování funkce v JavaScriptu, avšak v anonymních funkcích v JavaScriptu používáme pouze funkce klíčové slovo bez názvu funkce.
Anonymní funkce není po prvotním vytvoření přístupná, lze k ní přistupovat pouze proměnnou, ve které je uložena jako a fungovat jako hodnota . Anonymní funkce může mít také více argumentů, ale pouze jeden výraz.
Syntax:
Níže osvětlená syntaxe ilustruje deklaraci anonymní funkce pomocí normální deklarace:
java kódování if else příkaz
function() { // Function Body }> Můžeme také deklarovat anonymní funkci pomocí techniky funkce šipky, která je zobrazena níže:
( () =>{ // Tělo funkce... } )();> Níže uvedené příklady demonstrují anonymní funkce.
Příklad 1: V tomto příkladu definujeme anonymní funkci, která vytiskne zprávu do konzole. Funkce se pak uloží do pozdravit variabilní. Funkci můžeme zavolat vyvoláním pozdravit().
Javascript
> >var> greet =>function> () {> >console.log(>'Welcome to techcodeview.com!'>);> >};> > >greet();> > |
>
>
Výstup:
Welcome to techcodeview.com!>
Příklad 2: V tomto příkladu předáme argumenty anonymní funkci.
Javascript
> >var> greet =>function> (platform) {> >console.log(>'Welcome to '>, platform);> >};> > >greet(>'techcodeview.com!'>);> > |
>
>
Výstup:
Welcome to techcodeview.com!>
Protože JavaScript podporuje funkce vyššího řádu, můžeme také předat anonymní funkce jako parametry jiné funkci.
Příklad 3: V tomto příkladu předáme anonymní funkci jako funkci zpětného volání setTimeout() metoda. To provede tuto anonymní funkci o 2000 ms později.
Javascript
> >setTimeout(>function> () {> >console.log(>'Welcome to techcodeview.com!'>);> >}, 2000);> > |
>
>
Výstup:
Welcome to techcodeview.com!>
Dalším případem použití anonymních funkcí je vyvolání funkce ihned po inicializaci, toto je také známé jako Samoobslužná funkce . To lze provést přidáním závorek, abychom mohli okamžitě provést anonymní funkci.
Příklad 4: V tomto příkladu jsme vytvořili samospouštěcí funkci.
Javascript
> >(>function> () {> >console.log(>'Welcome to techcodeview.com!'>);> >})();> > |
>
řetězec ve srovnání s
>
Výstup:
Welcome to techcodeview.com!>
Funkce šipek
ES6 představil nový a kratší způsob deklarace anonymní funkce, který je známý jako Funkce šipek. Ve funkci Arrow zůstává vše stejné, až na to, že zde nepotřebujeme funkce také klíčové slovo. Zde definujeme funkci jednou závorkou a poté ‚=>‘ následovaným tělem funkce.
Příklad 5: V tomto příkladu uvidíme použití funkce šipky.
Javascript
> >var> greet = () =>> >{> >console.log(>'Welcome to techcodeview.com!'>);> >}> > >greet();> > |
>
>
Výstup:
Welcome to techcodeview.com!>
Pokud máme v těle funkce pouze jeden příkaz, můžeme dokonce odstranit složené závorky.
Příklad 6: V tomto příkladu vytvoříme samospouštěcí funkci.
Javascript
> >let greet = () =>console.log(>'Welcome to techcodeview.com!'>);> >greet();> > |
>
>
Výstup:
Welcome to Geeksforgeeks!>
Příklad-7: V tomto příkladu deklarujeme samoobslužnou anonymní funkci (bez samotného jména) a uvidíme, jak ji můžeme deklarovat a jak ji můžeme volat, abychom vytiskli výslednou hodnotu.
Javascript
> >(() =>{> >console.log(>'techcodeview.com'>);> >})();> > |
testování softwaru
>
>
Výstup:
techcodeview.com>