Î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ă:
limbaj groovy
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.
harta java
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 = () =>>>> >console.log(>'Welcome to techcodeview.com!'>);> >}> > >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
> >(() =>{>>> 'techcodeview.com'>);> >})();> > |
comparație java
>
>
Ieșire:
techcodeview.com>