I denne artikkelen vil vi studere i detalj hva som er anonyme funksjoner i JavaScript og hvordan de kan deklareres ved bruk av normal teknikk og/eller med selve Arrow Function-teknikken.

Anonym funksjon

Det er en funksjon som ikke har noe navn knyttet til seg. Normalt bruker vi funksjon nøkkelord før funksjonsnavnet for å definere en funksjon i JavaScript, men i anonyme funksjoner i JavaScript bruker vi bare funksjon nøkkelord uten funksjonsnavnet.

En anonym funksjon er ikke tilgjengelig etter den første opprettelsen, den kan bare nås av en variabel den er lagret i som en fungere som en verdi . En anonym funksjon kan også ha flere argumenter, men bare ett uttrykk.

Syntaks:

Den nedenfor opplyste syntaksen illustrerer erklæringen av en anonym funksjon ved å bruke den normale erklæringen:

function() { // Function Body } 

Vi kan også erklære en anonym funksjon ved å bruke pilfunksjonsteknikken som er vist nedenfor:

( () =>{ // Funksjonstekst... } )(); 

Eksemplene nedenfor viser anonyme funksjoner.

Eksempel 1: I dette eksemplet definerer vi en anonym funksjon som skriver ut en melding til konsollen. Funksjonen lagres da i hilse på variabel. Vi kan kalle funksjonen ved å påkalle hilse på().

Javascript

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

Produksjon:

Welcome to techcodeview.com! 

Eksempel 2: I dette eksemplet sender vi argumenter til den anonyme funksjonen.

Javascript

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

Produksjon:

Welcome to techcodeview.com! 

Siden JavaScript støtter Higher-Order-funksjoner, kan vi også overføre anonyme funksjoner som parametere til en annen funksjon.

Eksempel 3: I dette eksemplet sender vi en anonym funksjon som en tilbakeringingsfunksjon til setTimeout() metode. Dette utfører denne anonyme funksjonen 2000ms senere.

Javascript

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

Produksjon:

Welcome to techcodeview.com! 

Et annet brukstilfelle av anonyme funksjoner er å påkalle funksjonen umiddelbart etter initialisering, dette er også kjent som Selvutførende funksjon . Dette kan gjøres ved å legge til parenteser slik at vi umiddelbart kan utføre den anonyme funksjonen.

Eksempel 4: I dette eksemplet har vi laget en selvutførende funksjon.

Javascript

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

Produksjon:

Welcome to techcodeview.com! 

Pilfunksjoner

ES6 introduserte en ny og kortere måte å deklarere en anonym funksjon, som er kjent som Pilfunksjoner. I en pilfunksjon forblir alt det samme, bortsett fra her trenger vi ikke funksjon nøkkelord også. Her definerer vi funksjonen med en enkelt parentes og deretter '=>' etterfulgt av funksjonskroppen.

Eksempel 5: I dette eksemplet vil vi se bruken av pilfunksjonen.

Javascript

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

Produksjon:

Welcome to techcodeview.com! 

Hvis vi bare har en enkelt setning i funksjonskroppen, kan vi til og med fjerne de krøllete klammeparentesene.

Eksempel 6: I dette eksemplet lager vi en selvutførende funksjon.

Javascript

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

Produksjon:

Welcome to Geeksforgeeks! 

Eksempel-7: I dette eksemplet vil vi deklarere en selvutførende anonym funksjon (uten selve navnet) og vil se hvordan vi kan deklarere den, samt hvordan vi kan kalle den for å skrive ut den resulterende verdien.

Javascript

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

Produksjon:

techcodeview.com