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:
j e s t
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.
arv i java
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'>);> >})();> > |
slå sammen sorter java
>
>
Produksjon:
techcodeview.com>