In questo articolo studieremo nel dettaglio cosa sono esattamente le Funzioni Anonime in JavaScript e come dichiararle utilizzando la tecnica normale e/o con la tecnica della Funzione Freccia stessa.
Funzione anonima
È una funzione a cui non è associato alcun nome. Normalmente usiamo il funzione parola chiave prima del nome della funzione per definire una funzione in JavaScript, tuttavia, nelle funzioni anonime in JavaScript, utilizziamo solo the funzione parola chiave senza il nome della funzione.
Una funzione anonima non è accessibile dopo la sua creazione iniziale, è possibile accedervi solo tramite una variabile in cui è archiviata come a funzionare come valore . Una funzione anonima può anche avere più argomenti, ma una sola espressione.
Sintassi:
La sintassi illustrata di seguito illustra la dichiarazione di una funzione anonima utilizzando la dichiarazione normale:
nozioni di base su Java
function() { // Function Body }> Possiamo anche dichiarare una funzione anonima utilizzando la tecnica della funzione freccia mostrata di seguito:
( () =>{ // Corpo della funzione... } )();> Gli esempi seguenti dimostrano le funzioni anonime.
Esempio 1: In questo esempio definiamo una funzione anonima che stampa un messaggio sulla console. La funzione viene quindi memorizzata nel file salutare variabile. Possiamo chiamare la funzione invocando salutare().
Javascript
> >var> greet =>function> () {> >console.log(>'Welcome to techcodeview.com!'>);> >};> > >greet();> > |
>
>
Produzione:
Welcome to techcodeview.com!>
Esempio 2: In questo esempio passiamo gli argomenti alla funzione anonima.
Javascript
> >var> greet =>function> (platform) {> >console.log(>'Welcome to '>, platform);> >};> > >greet(>'techcodeview.com!'>);> > |
>
>
Produzione:
Welcome to techcodeview.com!>
Poiché JavaScript supporta le funzioni di ordine superiore, possiamo anche passare funzioni anonime come parametri in un'altra funzione.
Esempio 3: In questo esempio, passiamo una funzione anonima come funzione di callback al file setTimeout() metodo. Questo esegue questa funzione anonima 2000 ms dopo.
Javascript
> >setTimeout(>function> () {> >console.log(>'Welcome to techcodeview.com!'>);> >}, 2000);> > |
>
>
Produzione:
Welcome to techcodeview.com!>
Un altro caso d'uso delle funzioni anonime è invocare la funzione immediatamente dopo l'inizializzazione, noto anche come Funzione di autoesecuzione . Questo può essere fatto aggiungendo parentesi in modo da poter eseguire immediatamente la funzione anonima.
Esempio 4: In questo esempio, abbiamo creato una funzione autoeseguibile.
Javascript
immagine come sfondo in css
> >(>function> () {> >console.log(>'Welcome to techcodeview.com!'>);> >})();> > |
>
>
Produzione:
Welcome to techcodeview.com!>
Funzioni delle frecce
ES6 ha introdotto un modo nuovo e più breve per dichiarare una funzione anonima, nota come Funzioni della freccia. In una funzione Arrow, tutto rimane uguale, tranne che qui non è necessario il funzione anche la parola chiave. Qui definiamo la funzione con una singola parentesi e poi '=>' seguito dal corpo della funzione.
Esempio 5: In questo esempio vedremo l'uso della funzione freccia.
Javascript
> >var> greet = () =>> >{> >console.log(>'Welcome to techcodeview.com!'>);> >}> > >greet();> > |
>
>
Produzione:
Welcome to techcodeview.com!>
Se abbiamo una sola istruzione nel corpo della funzione, possiamo anche rimuovere le parentesi graffe.
Esempio 6: In questo esempio creiamo una funzione autoeseguibile.
Javascript
> >let greet = () =>console.log(>'Welcome to techcodeview.com!'>);> >greet();> > |
>
>
Produzione:
Welcome to Geeksforgeeks!>
Esempio-7: In questo esempio, dichiareremo una funzione anonima autoeseguibile (senza il nome stesso) e vedremo come dichiararla e come chiamarla per stampare il valore risultante.
Javascript
> >(() =>{> >console.log(>'techcodeview.com'>);> >})();> > |
da carattere a intero
>
>
Produzione:
techcodeview.com>