A closure olyan függvény, amely a körülötte lévő (lexical) scope változóira való referenciákat hordoz. A closure-ok miatt egy belső függvény hozzáférést tart a külső függvényének változóihoz még azután is, hogy a külső függvény visszatért.
() {
count = ;
{
: ++count,
: count,
};
}
a = ();
b = ();
a.(); a.();
b.();
A count nem érhető el kívülről — csak az inc/get lehet látni. Ez az egy closure-ból felépített adatvédelem. És a makeCounter() minden meghívása egy friss, elszigetelt scope-ot hoz létre.
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
}
A var esetén minden callback ugyanahhoz az ugyanazon i-hez zárul be (amely 3-ra változik, mire futnak). A let új kötést hoz létre minden iterációban.
A closure-ok képessé teszik a modul privatitást, memorizálást, curryinget, az eseménykezelőket/callbackeket, amelyek megjegyzik az állapotot, és pontosan így működnek a React hookok (useState), amelyek megőrzik az értékeket a renderek között.