V tem članku bomo podrobno preučili, kaj točno so anonimne funkcije v JavaScriptu in kako jih deklarirati z običajno tehniko in/ali s samo tehniko puščične funkcije.

Anonimna funkcija

To je funkcija, ki nima povezanega imena. Običajno uporabljamo funkcijo ključno besedo pred imenom funkcije za definiranje funkcije v JavaScriptu, vendar v anonimnih funkcijah v JavaScriptu uporabljamo samo funkcijo ključna beseda brez imena funkcije.

Anonimna funkcija po prvotni izdelavi ni dostopna, do nje lahko dostopa le spremenljivka, v kateri je shranjena kot funkcijo kot vrednost . Anonimna funkcija ima lahko tudi več argumentov, vendar samo en izraz.

Sintaksa:

Spodnja razsvetljena sintaksa ponazarja deklaracijo anonimne funkcije z uporabo običajne deklaracije:

function() { // Function Body } 

Anonimno funkcijo lahko deklariramo tudi s tehniko puščične funkcije, ki je prikazana spodaj:

( () =>{ // Telo funkcije... } )(); 

Spodnji primeri prikazujejo anonimne funkcije.

Primer 1: V tem primeru definiramo anonimno funkcijo, ki natisne sporočilo na konzolo. Funkcija se nato shrani v pozdraviti spremenljivka. Funkcijo lahko pokličemo s klicem pozdravi().

Javascript

> > var> greet => function> () {> > console.log(> 'Welcome to techcodeview.com!'> );> > };> > > greet();> >

Izhod:

Welcome to techcodeview.com! 

Primer 2: V tem primeru posredujemo argumente anonimni funkciji.

Javascript

> > var> greet => function> (platform) {> > console.log(> 'Welcome to '> , platform);> > };> > > greet(> 'techcodeview.com!'> );> >

Izhod:

Welcome to techcodeview.com! 

Ker JavaScript podpira funkcije višjega reda, lahko tudi anonimne funkcije posredujemo kot parametre v drugo funkcijo.

Primer 3: V tem primeru posredujemo anonimno funkcijo kot funkcijo povratnega klica v setTimeout() metoda. To izvede to anonimno funkcijo 2000 ms pozneje.

Javascript

> > setTimeout(> function> () {> > console.log(> 'Welcome to techcodeview.com!'> );> > }, 2000);> >

Izhod:

Welcome to techcodeview.com! 

Drug primer uporabe anonimnih funkcij je priklic funkcije takoj po inicializaciji, to je znano tudi kot Samoizvajajoča se funkcija . To lahko naredimo z dodajanjem oklepaja, da lahko takoj izvedemo anonimno funkcijo.

Primer 4: V tem primeru smo ustvarili samoizvajajočo se funkcijo.

Javascript

> > (> function> () {> > console.log(> 'Welcome to techcodeview.com!'> );> > })();> >

Izhod:

Welcome to techcodeview.com! 

Puščične funkcije

ES6 je predstavil nov in krajši način deklariranja anonimne funkcije, ki je znan kot Funkcije puščic. V funkciji puščica ostane vse enako, le da tukaj ne potrebujemo funkcijo tudi ključna beseda. Tukaj definiramo funkcijo z enim samim oklepajem in nato '=>', ki mu sledi telo funkcije.

Primer 5: V tem primeru bomo videli uporabo funkcije puščice.

Javascript

> > var> greet = () =>> > {> > console.log(> 'Welcome to techcodeview.com!'> );> > }> > > greet();> >

Izhod:

Welcome to techcodeview.com! 

Če imamo v telesu funkcije samo en stavek, lahko celo odstranimo zavite oklepaje.

Primer 6: V tem primeru ustvarimo samoizvajajočo se funkcijo.

Javascript

> > let greet = () =>console.log(> 'Welcome to techcodeview.com!'> );> > greet();> >

Izhod:

Welcome to Geeksforgeeks! 

Primer-7: V tem primeru bomo deklarirali samoizvajajočo se anonimno funkcijo (brez samega imena) in videli bomo, kako jo lahko deklariramo in kako jo lahko pokličemo, da natisnemo posledično vrednost.

Javascript

> > (() =>{> > console.log(> 'techcodeview.com'> );> > })();> >

Izhod:

techcodeview.com