Cos'è una Callback?

Le callback permettono di eseguire codice dopo che un'operazione è stata completata. Sono molto comuni in JavaScript, soprattutto in funzioni asincrone o in gestione eventi.

Esempio: funzione con callback

CODE: Javascript

1. function saluta(nome, callback) {

2.   console.log("Ciao " + nome);

3.   callback();

4. }

6. function fineSaluto() {

7.   console.log("Saluto completato!");

8. }

10. saluta("Marco", fineSaluto);

Funzioni Anonime

Una funzione anonima non ha un identificatore e viene spesso definita direttamente dove serve. Sono molto utili quando la funzione viene utilizzata una sola volta.

Esempio: funzione anonima come callback

CODE: Javascript

1. setTimeout(function() {

2.   console.log("Esecuzione ritardata di 2 secondi");

3. }, 2000);

Callback con Arrow Functions

Possiamo scrivere callback più compatte usando le arrow functions.

Esempio: arrow function come callback

CODE: Javascript

1. setTimeout(() => {

2.   console.log("Esecuzione ritardata di 1 secondo");

3. }, 1000);

Schema del flusso di esecuzione

Le callback vengono eseguite dopo il completamento di un'operazione o al verificarsi di un evento.

Tabella di confronto

Considerazioni

Le callback sono fondamentali in JavaScript, specialmente in programmazione asincrona. L’uso di funzioni anonime o arrow functions può rendere il codice più compatto, ma per funzioni complesse è meglio usare funzioni nominate per migliorarne la leggibilità.