Ένα closure είναι μια συνάρτηση που συσκευάζεται μαζί με αναφορές σε μεταβλητές από το περιβάλλον της (lexical) εύρος. Λόγω των closures, μια εσωτερική συνάρτηση διατηρεί πρόσβαση στις μεταβλητές της εξωτερικής συνάρτησής της ακόμα και αφού επιστρέψει η εξωτερική συνάρτηση.
() {
count = ;
{
: ++count,
: count,
};
}
a = ();
b = ();
a.(); a.();
b.();
Το count δεν είναι προσβάσιμο από το εξωτερικό — μόνο το inc/get μπορεί να το δει. Αυτή είναι ιδιωτικότητα δεδομένων που κατασκευάστηκε από ένα closure. Και κάθε κλήση στο makeCounter() δημιουργεί ένα νέο, απομονωμένο εύρος.
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
}
Με var, κάθε callback κλείνει επάνω στο ίδιο i (το οποίο είναι 3 στο χρόνο που τρέχουν). Το let δημιουργεί μια νέα δέσμευση σε κάθε επανάληψη.
Τα Closures ενισχύουν την ιδιωτικότητα του module, memoization, currying, event handlers/callbacks που θυμάται η κατάσταση, και είναι ακριβώς ο τρόπος με τον οποίο τα React hooks (useState) διατηρούν τιμές μεταξύ render.