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:
strojno učenje in vrste
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
niz v int v Javi
> > 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'> );> > })();> > |
pandino središče
>
>
Izhod:
techcodeview.com>