I den här artikeln kommer vi att studera i detalj vad som är exakta anonyma funktioner i JavaScript och hur man deklarerar dem med normal teknik och/eller med själva pilfunktionstekniken.
Anonym funktion
Det är en funktion som inte har något namn kopplat till sig. Normalt använder vi fungera nyckelord före funktionsnamnet för att definiera en funktion i JavaScript, men i anonyma funktioner i JavaScript använder vi endast fungera nyckelord utan funktionsnamnet.
En anonym funktion är inte tillgänglig efter den första skapandet, den kan endast nås av en variabel som den är lagrad i som en fungera som ett värde . En anonym funktion kan också ha flera argument, men bara ett uttryck.
Syntax:
Den nedan upplysta syntaxen illustrerar deklarationen av en anonym funktion med den normala deklarationen:
Rajinikanth
function() { // Function Body }> Vi kan också deklarera en anonym funktion med hjälp av pilfunktionstekniken som visas nedan:
( () =>{ // Funktionskropp... } )();> Exemplen nedan visar anonyma funktioner.
Exempel 1: I det här exemplet definierar vi en anonym funktion som skriver ut ett meddelande till konsolen. Funktionen lagras sedan i hälsa variabel. Vi kan anropa funktionen genom att anropa hälsa().
Javascript
> >var> greet =>function> () {> >console.log(>'Welcome to techcodeview.com!'>);> >};> > >greet();> > |
>
>
Produktion:
Welcome to techcodeview.com!>
Exempel 2: I det här exemplet skickar vi argument till den anonyma funktionen.
Javascript
> >var> greet =>function> (platform) {> >console.log(>'Welcome to '>, platform);> >};> > >greet(>'techcodeview.com!'>);> > |
>
>
Produktion:
Welcome to techcodeview.com!>
Eftersom JavaScript stöder högre ordningsfunktioner kan vi även skicka anonyma funktioner som parametrar till en annan funktion.
Exempel 3: I det här exemplet skickar vi en anonym funktion som en återuppringningsfunktion till setTimeout() metod. Detta kör denna anonyma funktion 2000ms senare.
Javascript
> >setTimeout(>function> () {> >console.log(>'Welcome to techcodeview.com!'>);> >}, 2000);> > |
mysql visa alla användare
>
>
Produktion:
Welcome to techcodeview.com!>
Ett annat användningsfall av anonyma funktioner är att anropa funktionen direkt efter initiering, detta kallas också Självutförande funktion . Detta kan göras genom att lägga till parentes så att vi omedelbart kan utföra den anonyma funktionen.
Exempel 4: I det här exemplet har vi skapat en självexekverande funktion.
Javascript
> >(>function> () {> >console.log(>'Welcome to techcodeview.com!'>);> >})();> > |
>
>
Produktion:
Welcome to techcodeview.com!>
Pilfunktioner
ES6 introducerade ett nytt och kortare sätt att deklarera en anonym funktion, som kallas Pilfunktioner. I en pilfunktion förblir allt detsamma, förutom här behöver vi inte fungera nyckelord också. Här definierar vi funktionen med en enda parentes och sedan '=>' följt av funktionskroppen.
Exempel 5: I det här exemplet kommer vi att se användningen av pilfunktionen.
Javascript
> >var> greet = () =>> >{> >console.log(>'Welcome to techcodeview.com!'>);> >}> > >greet();> > |
>
>
Produktion:
Welcome to techcodeview.com!>
Om vi bara har ett enda uttalande i funktionskroppen kan vi till och med ta bort de lockiga hängslen.
Exempel 6: I det här exemplet skapar vi en självexekverande funktion.
Javascript
> >let greet = () =>console.log(>'Welcome to techcodeview.com!'>);> >greet();> > |
>
>
Produktion:
Welcome to Geeksforgeeks!>
Exempel-7: I det här exemplet kommer vi att deklarera en självexekverande anonym funktion (utan själva namnet) och kommer att se hur vi kan deklarera den samt hur vi kan anropa den för att skriva ut det resulterande värdet.
Javascript
> >(() =>{> >console.log(>'techcodeview.com'>);> >})();> > |
understrykning
>
>
Produktion:
techcodeview.com>