Šajā rakstā mēs detalizēti izpētīsim, kas īsti ir anonīmās funkcijas JavaScript un kā tās deklarēt, izmantojot parasto tehniku un/vai ar pašu bultiņu funkcijas tehniku.
Anonīma funkcija
Tā ir funkcija, kurai nav saistīts neviens nosaukums. Parasti mēs izmantojam funkciju atslēgvārds pirms funkcijas nosaukuma, lai definētu funkciju JavaScript, tomēr anonīmās funkcijās JavaScript mēs izmantojam tikai funkciju atslēgvārds bez funkcijas nosaukuma.
Anonīma funkcija nav pieejama pēc tās sākotnējās izveides, tai var piekļūt tikai mainīgais, kurā tā ir saglabāta kā funkcionēt kā vērtība . Anonīmai funkcijai var būt arī vairāki argumenti, bet tikai viena izteiksme.
Sintakse:
Zemāk redzamā sintakse ilustrē anonīmas funkcijas deklarāciju, izmantojot parasto deklarāciju:
java kamēr nosacījums
function() { // Function Body }> Mēs varam arī deklarēt anonīmu funkciju, izmantojot bultiņas funkcijas paņēmienu, kas parādīts zemāk:
( () =>{ // Funkcijas pamatteksts... } )();> Tālāk minētie piemēri parāda anonīmas funkcijas.
1. piemērs: Šajā piemērā mēs definējam anonīmu funkciju, kas drukā ziņojumu konsolei. Pēc tam funkcija tiek saglabāta mapē sveikt mainīgs. Mēs varam izsaukt funkciju, izsaucot sveikt().
Javascript
> >var> greet =>function> () {> >console.log(>'Welcome to techcodeview.com!'>);> >};> > >greet();> > |
>
>
Izvade:
Welcome to techcodeview.com!>
2. piemērs: Šajā piemērā mēs nododam argumentus anonīmajai funkcijai.
Javascript
> >var> greet =>function> (platform) {> >console.log(>'Welcome to '>, platform);> >};> > >greet(>'techcodeview.com!'>);> > |
>
>
Izvade:
Welcome to techcodeview.com!>
Tā kā JavaScript atbalsta augstākās kārtas funkcijas, mēs varam arī nodot anonīmas funkcijas kā parametrus citai funkcijai.
3. piemērs: Šajā piemērā mēs nododam anonīmu funkciju kā atzvanīšanas funkciju setTimeout() metodi. Tas izpilda šo anonīmo funkciju 2000 ms vēlāk.
Javascript
> >setTimeout(>function> () {> >console.log(>'Welcome to techcodeview.com!'>);> >}, 2000);> > |
bloķēt youtube reklāmas Android
>
>
Izvade:
Welcome to techcodeview.com!>
Vēl viens anonīmo funkciju izmantošanas gadījums ir funkcijas izsaukšana tūlīt pēc inicializācijas, to sauc arī par Pašizpildes funkcija . To var izdarīt, pievienojot iekavas, lai mēs varētu nekavējoties izpildīt anonīmo funkciju.
4. piemērs: Šajā piemērā mēs esam izveidojuši pašizpildes funkciju.
Javascript
> >(>function> () {> >console.log(>'Welcome to techcodeview.com!'>);> >})();> > |
>
>
Izvade:
Welcome to techcodeview.com!>
Bultiņu funkcijas
ES6 ieviesa jaunu un īsāku veidu, kā deklarēt anonīmu funkciju, kas ir pazīstama kā Bultiņu funkcijas. Bultiņas funkcijā viss paliek nemainīgs, izņemot šeit mums tas nav vajadzīgs funkciju arī atslēgvārds. Šeit mēs definējam funkciju ar vienu iekava un pēc tam “=>”, kam seko funkcijas pamatteksts.
5. piemērs: Šajā piemērā mēs redzēsim bultiņas funkcijas izmantošanu.
Javascript
> >var> greet = () =>>> >console.log(>'Welcome to techcodeview.com!'>);> >}> > >greet();> > |
>
>
Izvade:
Welcome to techcodeview.com!>
Ja funkcijas pamattekstā ir tikai viens paziņojums, mēs varam pat noņemt cirtainās lencēs.
6. piemērs: Šajā piemērā mēs izveidojam pašizpildes funkciju.
Javascript
> >let greet = () =>console.log(>'Welcome to techcodeview.com!'>);> >greet();> > |
>
>
Izvade:
Welcome to Geeksforgeeks!>
7. piemērs: Šajā piemērā mēs deklarēsim pašizpildošu anonīmu funkciju (bez paša nosaukuma) un redzēsim, kā mēs to varam deklarēt, kā arī kā mēs to varam izsaukt, lai izdrukātu iegūto vērtību.
Javascript
> >(() =>{> >console.log(>'techcodeview.com'>);> >})();> > |
pandas šarnīrs
>
>
Izvade:
techcodeview.com>