logo

JavaScript anonyme funktioner

I denne artikel vil vi studere i detaljer, hvad der præcist er anonyme funktioner i JavaScript, og hvordan man erklærer dem ved hjælp af normal teknik og/eller med selve pilefunktionsteknikken.

Anonym funktion

Det er en funktion, der ikke har noget navn tilknyttet. Normalt bruger vi fungere nøgleord før funktionsnavnet for at definere en funktion i JavaScript, men i anonyme funktioner i JavaScript bruger vi kun fungere nøgleord uden funktionsnavnet.



En anonym funktion er ikke tilgængelig efter dens første oprettelse, den kan kun tilgås af en variabel, den er gemt i som en fungere som en værdi . En anonym funktion kan også have flere argumenter, men kun ét udtryk.

Syntaks:

Den nedenfor oplyste syntaks illustrerer erklæringen af ​​en anonym funktion ved hjælp af den normale erklæring:



git push-kommando
function() { // Function Body }>

Vi kan også erklære en anonym funktion ved hjælp af pilefunktionsteknikken, som er vist nedenfor:

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

Nedenstående eksempler viser anonyme funktioner.

Eksempel 1: I dette eksempel definerer vi en anonym funktion, der udskriver en besked til konsollen. Funktionen gemmes derefter i hilse variabel. Vi kan kalde funktionen ved at påkalde hilse().



Javascript




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

>

>

Produktion:

Welcome to techcodeview.com!>

Eksempel 2: I dette eksempel sender vi argumenter til den anonyme funktion.

Javascript




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

>

>

Produktion:

Welcome to techcodeview.com!>

Da JavaScript understøtter Higher-Order-funktioner, kan vi også overføre anonyme funktioner som parametre til en anden funktion.

Eksempel 3: I dette eksempel videregiver vi en anonym funktion som en tilbagekaldsfunktion til setTimeout() metode. Dette udfører denne anonyme funktion 2000ms senere.

Javascript




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

>

>

Produktion:

Welcome to techcodeview.com!>

Et andet anvendelsestilfælde af anonyme funktioner er at påkalde funktionen umiddelbart efter initialisering, dette er også kendt som Selvudførende funktion . Dette kan gøres ved at tilføje parenteser, så vi straks kan udføre den anonyme funktion.

Eksempel 4: I dette eksempel har vi lavet en selvudførende funktion.

Javascript




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

>

>

Produktion:

Welcome to techcodeview.com!>

Pile funktioner

ES6 introducerede en ny og kortere måde at erklære en anonym funktion på, som er kendt som Pile funktioner. I en pilefunktion forbliver alt det samme, undtagen her har vi ikke brug for fungere også søgeord. Her definerer vi funktionen med en enkelt parentes og derefter '=>' efterfulgt af funktionslegemet.

Eksempel 5: I dette eksempel vil vi se brugen af ​​pilefunktionen.

liste i java

Javascript




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

>

>

Produktion:

Welcome to techcodeview.com!>

Hvis vi kun har et enkelt udsagn i funktionslegemet, kan vi endda fjerne de krøllede bøjler.

Eksempel 6: I dette eksempel opretter vi en selvudførende funktion.

Javascript




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

>

>

Produktion:

Welcome to Geeksforgeeks!>

Eksempel-7: I dette eksempel vil vi erklære en selvudførende anonym funktion (uden selve navnet) og vil se, hvordan vi kan erklære den, samt hvordan vi kan kalde den for at udskrive den resulterende værdi.

Javascript




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

flette sort java

>

>

Produktion:

techcodeview.com>