V tomto článku budeme podrobne študovať, čo presne sú anonymné funkcie v JavaScripte a ako ich deklarovať pomocou bežnej techniky a/alebo pomocou samotnej techniky Arrow Function.
Anonymná funkcia
Je to funkcia, ku ktorej nie je priradený žiadny názov. Normálne používame funkciu kľúčové slovo pred názvom funkcie na definovanie funkcie v JavaScripte, avšak v anonymných funkciách v JavaScripte používame iba funkciu kľúčové slovo bez názvu funkcie.
Anonymná funkcia nie je prístupná po jej prvotnom vytvorení, môže k nej pristupovať iba premenná, v ktorej je uložená ako a fungovať ako hodnota . Anonymná funkcia môže mať aj viacero argumentov, ale iba jeden výraz.
Syntax:
Nižšie uvedená syntax ilustruje deklaráciu anonymnej funkcie pomocou normálnej deklarácie:
príklad java mapy
function() { // Function Body }> Môžeme tiež vyhlásiť anonymnú funkciu pomocou techniky funkcie šípky, ktorá je znázornená nižšie:
( () =>{ // Telo funkcie... } )();> Nasledujúce príklady demonštrujú anonymné funkcie.
Príklad 1: V tomto príklade definujeme anonymnú funkciu, ktorá vytlačí správu do konzoly. Funkcia sa potom uloží do pozdraviť premenlivý. Funkciu môžeme zavolať vyvolaním pozdraviť ().
Javascript
> >var> greet =>function> () {> >console.log(>'Welcome to techcodeview.com!'>);> >};> > >greet();> > |
>
>
Výkon:
Welcome to techcodeview.com!>
Príklad 2: V tomto príklade odovzdávame argumenty anonymnej funkcii.
Javascript
> >var> greet =>function> (platform) {> >console.log(>'Welcome to '>, platform);> >};> > >greet(>'techcodeview.com!'>);> > |
>
>
Výkon:
Welcome to techcodeview.com!>
Keďže JavaScript podporuje funkcie vyššieho rádu, môžeme tiež odovzdať anonymné funkcie ako parametre inej funkcii.
Príklad 3: V tomto príklade odovzdáme anonymnú funkciu ako funkciu spätného volania setTimeout() metóda. Toto vykoná túto anonymnú funkciu o 2000 ms neskôr.
Javascript
> >setTimeout(>function> () {> >console.log(>'Welcome to techcodeview.com!'>);> >}, 2000);> > |
>
>
Výkon:
Welcome to techcodeview.com!>
Ďalším prípadom použitia anonymných funkcií je vyvolanie funkcie ihneď po inicializácii, čo je tiež známe ako Samovykonávacia funkcia . Dá sa to urobiť pridaním zátvoriek, aby sme mohli okamžite spustiť anonymnú funkciu.
Príklad 4: V tomto príklade sme vytvorili samovykonávaciu funkciu.
Javascript
> >(>function> () {> >console.log(>'Welcome to techcodeview.com!'>);> >})();> > |
>
>
Výkon:
Welcome to techcodeview.com!>
Funkcie šípok
ES6 predstavil nový a kratší spôsob deklarovania anonymnej funkcie, ktorý je známy ako Funkcie šípok. Vo funkcii Arrow zostáva všetko rovnaké, až na to, že tu nepotrebujeme funkciu aj kľúčové slovo. Tu definujeme funkciu jednou zátvorkou a potom „=>“, za ktorým nasleduje telo funkcie.
Príklad 5: V tomto príklade uvidíme použitie funkcie šípky.
Javascript
programová slučka java
> >var> greet = () =>> >{> >console.log(>'Welcome to techcodeview.com!'>);> >}> > >greet();> > |
>
>
Výkon:
Welcome to techcodeview.com!>
Ak máme v tele funkcie iba jeden príkaz, môžeme dokonca odstrániť zložené zátvorky.
Príklad 6: V tomto príklade vytvoríme samovykonávaciu funkciu.
Javascript
> >let greet = () =>console.log(>'Welcome to techcodeview.com!'>);> >greet();> > |
>
>
Výkon:
Welcome to Geeksforgeeks!>
Príklad-7: V tomto príklade deklarujeme samovykonateľnú anonymnú funkciu (bez samotného mena) a uvidíme, ako ju môžeme deklarovať a ako ju môžeme zavolať, aby sme vytlačili výslednú hodnotu.
Javascript
> >(() =>{> >console.log(>'techcodeview.com'>);> >})();> > |
stav git
>
>
Výkon:
techcodeview.com>