În acest articol, vom studia în detaliu ce sunt exact funcțiile anonime în JavaScript și cum să le declarăm folosind tehnica normală și/sau cu tehnica funcției săgeată în sine.

Funcția anonimă

Este o funcție care nu are niciun nume asociat. În mod normal, folosim funcţie cuvântul cheie înainte de numele funcției pentru a defini o funcție în JavaScript, cu toate acestea, în funcțiile anonime din JavaScript, folosim numai funcţie cuvânt cheie fără numele funcției.

O funcție anonimă nu este accesibilă după crearea sa inițială, ea poate fi accesată doar de o variabilă în care este stocată ca functioneaza ca valoare . O funcție anonimă poate avea, de asemenea, mai multe argumente, dar o singură expresie.

Sintaxă:

Sintaxa de mai jos ilustrează declararea unei funcții anonime folosind declarația normală:

function() { // Function Body } 

De asemenea, putem declara o funcție anonimă folosind tehnica funcției săgeată, care este prezentată mai jos:

( () =>{ // Corpul funcției... } )(); 

Exemplele de mai jos demonstrează funcții anonime.

Exemplul 1: În acest exemplu, definim o funcție anonimă care imprimă un mesaj pe consolă. Funcția este apoi stocată în salut variabil. Putem apela funcția prin invocare salut().

Javascript

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

Ieșire:

Welcome to techcodeview.com! 

Exemplul 2: În acest exemplu, trecem argumente funcției anonime.

Javascript

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

Ieșire:

Welcome to techcodeview.com! 

Deoarece JavaScript acceptă funcții de ordine superioară, putem, de asemenea, să transmitem funcții anonime ca parametri într-o altă funcție.

Exemplul 3: În acest exemplu, trecem o funcție anonimă ca funcție de apel invers către setTimeout() metodă. Aceasta execută această funcție anonimă 2000 ms mai târziu.

Javascript

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

Ieșire:

Welcome to techcodeview.com! 

Un alt caz de utilizare al funcțiilor anonime este invocarea funcției imediat după inițializare, aceasta este cunoscută și ca Funcție de autoexecuție . Acest lucru se poate face prin adăugarea de paranteze, astfel încât să putem executa imediat funcția anonimă.

Exemplul 4: În acest exemplu, am creat o funcție care se execută automat.

Javascript

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

Ieșire:

Welcome to techcodeview.com! 

Funcții săgeți

ES6 a introdus o modalitate nouă și mai scurtă de declarare a unei funcții anonime, care este cunoscută ca Funcții săgeți. Într-o funcție Arrow, totul rămâne la fel, cu excepția cazului în care nu avem nevoie de funcţie de asemenea, cuvântul cheie. Aici, definim funcția printr-o singură paranteză și apoi „=>” urmat de corpul funcției.

Exemplul 5: În acest exemplu, vom vedea utilizarea funcției săgeată.

Javascript

> > var> greet = () =>>>> );> > }> > > greet();> >

Ieșire:

Welcome to techcodeview.com! 

Dacă avem doar o singură instrucțiune în corpul funcției, putem chiar elimina acoladele.

Exemplul 6: În acest exemplu, creăm o funcție care se execută automat.

Javascript

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

Ieșire:

Welcome to Geeksforgeeks! 

Exemplul-7: În acest exemplu, vom declara o funcție anonimă care se execută automat (fără numele în sine) și vom vedea cum o putem declara, precum și cum o putem numi pentru a tipări valoarea rezultată.

Javascript

> > (() =>{>>> );> > })();> >

Ieșire:

techcodeview.com