In dit artikel zullen we in detail bestuderen wat anonieme functies in JavaScript precies zijn en hoe je ze kunt declareren met behulp van de normale techniek en/of met de Arrow Function-techniek zelf.
Anonieme functie
Het is een functie waaraan geen enkele naam is gekoppeld. Normaal gesproken gebruiken wij de functie trefwoord vóór de functienaam om een functie in JavaScript te definiëren, maar in anonieme functies in JavaScript gebruiken we alleen de functie trefwoord zonder de functienaam.
Een anonieme functie is niet toegankelijk nadat deze voor het eerst is gemaakt, maar is alleen toegankelijk voor een variabele waarin deze is opgeslagen als een fungeren als waarde . Een anonieme functie kan ook meerdere argumenten hebben, maar slechts één uitdrukking.
Syntaxis:
De hieronder verlichte syntaxis illustreert de declaratie van een anonieme functie met behulp van de normale declaratie:
nieuwe lijnpython
function() { // Function Body }> We kunnen ook een anonieme functie declareren met behulp van de pijlfunctietechniek die hieronder wordt weergegeven:
( () =>{// Functietekst... } )();> De onderstaande voorbeelden demonstreren anonieme functies.
Voorbeeld 1: In dit voorbeeld definiëren we een anonieme functie die een bericht naar de console afdrukt. De functie wordt vervolgens opgeslagen in de begroeten variabel. We kunnen de functie aanroepen door aan te roepen begroeten().
Javascript
> >var> greet =>function> () {> >console.log(>'Welcome to techcodeview.com!'>);> >};> > >greet();> > |
>
>
Uitgang:
Welcome to techcodeview.com!>
Voorbeeld 2: In dit voorbeeld geven we argumenten door aan de anonieme functie.
Javascript
> >var> greet =>function> (platform) {> >console.log(>'Welcome to '>, platform);> >};> > >greet(>'techcodeview.com!'>);> > |
>
>
Uitgang:
Welcome to techcodeview.com!>
Omdat JavaScript functies van hogere orde ondersteunt, kunnen we ook anonieme functies als parameters doorgeven aan een andere functie.
Voorbeeld 3: In dit voorbeeld geven we een anonieme functie door als callback-functie aan de setTimeout() methode. Deze voert deze anonieme functie 2000 ms later uit.
Javascript
> >setTimeout(>function> () {> >console.log(>'Welcome to techcodeview.com!'>);> >}, 2000);> > |
>
>
Uitgang:
Welcome to techcodeview.com!>
Een ander gebruiksscenario van anonieme functies is om de functie onmiddellijk na initialisatie aan te roepen, dit wordt ook wel Zelf uitvoerende functie . Dit kan gedaan worden door haakjes toe te voegen, zodat we de anonieme functie onmiddellijk kunnen uitvoeren.
Voorbeeld 4: In dit voorbeeld hebben we een zelfuitvoerende functie gemaakt.
Javascript
logo-java
> >(>function> () {> >console.log(>'Welcome to techcodeview.com!'>);> >})();> > |
>
>
Uitgang:
Welcome to techcodeview.com!>
Pijlfuncties
ES6 introduceerde een nieuwe en kortere manier om een anonieme functie te declareren, die bekend staat als Pijlfuncties. In een Pijl-functie blijft alles hetzelfde, behalve dat we hier de functie trefwoord ook. Hier definiëren we de functie met een enkel haakje en vervolgens ‘=>’ gevolgd door de hoofdtekst van de functie.
Voorbeeld 5: In dit voorbeeld zullen we het gebruik van de pijlfunctie zien.
Javascript
> >var> greet = () =>> >{> >console.log(>'Welcome to techcodeview.com!'>);> >}> > >greet();> > |
>
>
Uitgang:
Welcome to techcodeview.com!>
Als we slechts één statement in de hoofdtekst van de functie hebben, kunnen we zelfs de accolades verwijderen.
Voorbeeld 6: In dit voorbeeld maken we een zelfuitvoerende functie.
Javascript
> >let greet = () =>console.log(>'Welcome to techcodeview.com!'>);> >greet();> > |
>
>
Uitgang:
Welcome to Geeksforgeeks!>
Voorbeeld-7: In dit voorbeeld declareren we een zichzelf uitvoerende anonieme functie (zonder de naam zelf) en kijken we hoe we deze kunnen declareren en hoe we deze kunnen aanroepen om de resulterende waarde af te drukken.
Javascript
> >(() =>{> >console.log(>'techcodeview.com'>);> >})();> > |
volledige optelwaarheidstabel
>
>
Uitgang:
techcodeview.com>