Come funziona una closure

In JavaScript, ogni funzione ricorda lo scope in cui è stata creata. Se una funzione interna utilizza variabili definite all’esterno, queste rimangono disponibili anche dopo che la funzione esterna ha restituito il controllo.

Esempio base

Codice Esempio: Closure semplice

CODE: Javascript

1. function creaContatore() {

2.   let conteggio = 0;

3.   return function() {

4.     conteggio++;

5.     return conteggio;

6.   }

7. }

9. let contatore = creaContatore();

10. console.log(contatore()); // 1

11. console.log(contatore()); // 2

Spiegazione

La variabile conteggio appartiene allo scope della funzione creaContatore. La funzione interna, restituita come valore, mantiene un riferimento a quella variabile anche dopo che creaContatore è terminata. In questo modo possiamo mantenere uno stato privato.

Uso pratico delle closures

• Creare variabili private
• Implementare funzioni factory
• Gestire configurazioni o dati senza esporli globalmente

Esempio con parametri

Codice Esempio: Closure con parametro

CODE: Javascript

1. function moltiplicatore(fattore) {

2.   return function(numero) {

3.     return numero * fattore;

4.   }

5. }

7. let perDue = moltiplicatore(2);

8. console.log(perDue(5)); // 10

Note

Le closures sono spesso utilizzate in programmazione asincrona, gestione eventi e quando vogliamo che una funzione ricordi un contesto specifico.