Une closure est une fonction regroupée avec des références aux variables de son contexte (scope lexical) environnant. Grâce aux closures, une fonction interne conserve l'accès aux variables de sa fonction externe même après que la fonction externe ait retourné.
() {
count = ;
{
: ++count,
: count,
};
}
a = ();
b = ();
a.(); a.();
b.();
Une bibliothèque de questions d'entretien IT avec des réponses détaillées — du Junior au Senior.
Faire un doncount n'est pas accessible de l'extérieur — seules inc/get peuvent la voir. C'est l'encapsulation des données construite à partir d'une closure. Et chaque appel à makeCounter() crée un nouveau scope isolé.
for (var i = 0; i < 3; i++) {
setTimeout(() => console.log(i), 0); // prints 3, 3, 3 — all share one `i`
}
for (let i = 0; i < 3; i++) {
setTimeout(() => console.log(i), 0); // prints 0, 1, 2 — `let` is per-iteration
}
Avec var, chaque callback se ferme sur le même i (qui vaut 3 au moment de l'exécution). let crée une nouvelle liaison à chaque itération.
Les closures permettent l'encapsulation des modules, la mémoïsation, le currying, les gestionnaires d'événements/callbacks qui mémorisent l'état, et c'est exactement comment les React hooks (useState) persistent les valeurs entre les rendus.