Cos'è una funzione anonima - Javascript

Le funzioni sono blocchi di codice con funzionalità riutilizzabili per lo più chiamate con il nome assegnato per eseguire alcune righe di codice. Ma in JavaScript, esiste un particolare tipo di funzioni senza alcun identificatore, chiamato funzioni anonime.

Anonimo semplicemente significa senza alcuna identificazione, queste funzioni anonime in JavaScript o in altri linguaggi di programmazione sono dichiarati senza nome o identificatore. Questa è la differenza principale tra una funzione normale e la funzione anonima. In questo articolo discuteremo le funzioni anonime in Javascript, la loro sintassi, come sono dichiarati e il loro utilizzo insieme agli esempi per la tua migliore comprensione.

Funzione anonima

La maggior parte delle funzioni sono dichiarate con un po 'di identificatore insieme alla parola chiave "funzione" che aiuta l'utente a chiamare facilmente la funzione. Ma le funzioni anonime sono dichiarate solo con la parola chiave della funzione e nessun identificatore, e non è accessibile dopo la sua creazione e è possibile accedere solo attraverso una variabile la funzione è memorizzata come un valore. Queste funzioni anonime possono avere molteplici argomenti, ma solo un'espressione, che segue è la sintassi delle funzioni anonime.

Sintassi:

funzione()
// corpo della funzione

Come possiamo vedere che la funzione non ha un identificatore, quindi è impossibile accedervi ma, usando una variabile e memorizza la funzione in essa come valore ci aiuterà a accedere facilmente alla funzione, come mostrato dall'esempio seguente:

var welcome = function ()
console.registro ("Benvenuti nel nostro sito Web!");
;
Benvenuto();

Produzione:

Qui in questo esempio, abbiamo semplicemente usato la parola chiave Function () per dichiarare una funzione e quindi archiviato in una variabile chiamata "Welcome". Quindi attraverso quella variabile abbiamo acceduto alla funzione.

Utilizzo delle funzioni anonime

Le funzioni anonime sono facili da dichiarare e vengono utilizzate per diversi scopi, alcuni dei quali sono elencati di seguito:

Passare una funzione anonima come argomento ad altre funzioni:

Le funzioni anonime possono essere utilizzate per passare come argomento ad altre funzioni. Per capire il concetto meglio guardare l'esempio fornito di seguito:

setTimeout (function ()
console.log ("eseguire dopo un secondo")
, 100);

Qui nell'esempio sopra, abbiamo creato una funzione anonima e poi abbiamo passato quella funzione alla funzione setTimeout () come argomento e la funzione eseguirà il codice delle funzioni anonime dopo un secondo. Questa è una delle implementazione e dell'uso della funzione anonima

Produzione:

Esecuzione immediata

Un altro motivo per utilizzare le funzioni anonime è quando si desidera eseguire immediatamente il codice all'interno della funzione e quando non è necessaria alcuna chiamata. Di seguito è riportato un esempio di chiamata immediatamente una funzione anonima:

(funzione()
console.log ('Benvenuti nel nostro sito Web');
) ();

Produzione:

Qui la funzione viene immediatamente eseguita e funziona come descritto di seguito:

Prima dichiarare la funzione senza alcun identificatore come facciamo normalmente:

(funzione()
console.log ('Benvenuti nel nostro sito Web');
)

Ora la funzione è dichiarata ma non eseguirà, quindi per eseguirla utilizziamo la parentesi finali "()"Che sono seguiti dal terminatore";"Questo eseguirà il codice seguente:

(funzione()
console.log ('Benvenuti nel nostro sito Web');
) ();

A volte possiamo anche passare gli argomenti alla funzione anonima come mostrato di seguito dall'esempio dato:

let utente =
Primo nome: "Mark",
LastName: 'Jacob'
;
(funzione ()
console.log ('$ utente.FirstName $ utente.cognome');
)(utente);

Produzione:

Funzioni di freccia con funzioni anonime

Le funzioni di freccia sono state introdotte da ES6, che forniscono un breve modo di dichiarare funzioni anonime, che riducono le linee di codici e le rendono più facilmente comprensibile come mostrato dal seguente esempio:

Queste righe di codice:

let welcome = function ()
console.log ('Benvenuti nel nostro sito Web');
;
Benvenuto();

Può essere convertito in seguenti righe di codice usando la funzione freccia:

let welcome = () => 'benvenuto nel nostro sito Web';
Benvenuto();

Questo ci fornirà l'output di seguito, anche se non abbiamo restituito nulla ma per impostazione predefinita la funzione anonima.

Produzione:

Conclusione

Le funzioni anonime sono quelle dichiarate senza nome o identificatore e per eseguirle usiamo principalmente una variabile per archiviarle o parentesi insieme al terminator "();" per eseguirli immediatamente. In questo articolo, abbiamo discusso delle funzioni anonime in JavaScript, la loro sintassi, la loro dichiarazione e il loro utilizzo. Aiutano nell'esecuzione immediata del codice e utilizzati come argomento in altre funzioni. Queste funzioni sono facilmente dichiarate e possono essere utilizzate quando vogliamo un'esecuzione immediata del nostro codice.