Funzioni anonime JavaScript

Sommario: in questo tutorial, imparerete le funzioni anonime JavaScript.

Introduzione alle funzioni anonime JavaScript

Una funzione anonima è una funzione senza nome. Una funzione anonima spesso non è accessibile dopo la sua creazione iniziale.

Il seguente mostra una funzione anonima che visualizza un messaggio:

Code language: JavaScript (javascript)

In questo esempio, la funzione anonima non ha nome tra la parola chiave function e le parentesi ().

Perché abbiamo bisogno di chiamare la funzione anonima più tardi, assegniamo la funzione alla variabile show.

Utilizzare funzioni anonime come argomenti di altre funzioni

Utilizziamo spesso funzioni anonime come argomenti di altre funzioni. Per esempio:

Code language: JavaScript (javascript)

In questo esempio, passiamo una funzione anonima nella funzione setTimeout(). La funzione setTimeout() esegue questa funzione anonima un secondo dopo.

Nota che le funzioni sono cittadini di prima classe in JavaScript, quindi puoi passare una funzione ad un’altra come argomento.

Esecuzione di funzione invocata immediatamente

Se vuoi creare una funzione ed eseguirla immediatamente dopo la dichiarazione, puoi usare la funzione anonima come questa:

Code language: JavaScript (javascript)

Come funziona.

Primo, quanto segue definisce un’espressione di funzione:

Code language: JavaScript (javascript)

Secondo, le parentesi finali () ti permettono di chiamare la funzione:

Code language: JavaScript (javascript)

e a volte, potresti voler passare degli argomenti in essa, come questo:

Code language: JavaScript (javascript)

Funzioni freccia

ES6 ha introdotto l’espressione di funzione freccia che fornisce una sintesi per dichiarare funzioni anonime:

Per esempio, questa funzione:

Code language: JavaScript (javascript)

… può essere abbreviata usando la seguente funzione freccia:

Code language: JavaScript (javascript)

Similmente, la seguente funzione anonima:

Code language: JavaScript (javascript)

… è equivalente alla seguente funzione freccia:

Code language: JavaScript (javascript)

Sommario

• Le funzioni anonime sono funzioni senza nome.
• Le funzioni anonime possono essere usate come argomento di altre funzioni o come esecuzione di una funzione immediatamente invocata.