closure არის ფუნქცია, რომელიც შედგება ცვლადების ცნობებიდან მისი გარშემო არსებული (lexical) scope-დან. closure-ის გამო, შიგნიდან არსებული ფუნქცია ინარჩუნებს წვდომას მისი გარე ფუნქციის ცვლადებთან თუნდაც გარე ფუნქცია დაბრუნდა.
() {
count = ;
{
: ++count,
: count,
};
}
a = ();
b = ();
a.(); a.();
b.();
count არ არის ხელმისაწვდომი გარედან — მხოლოდ inc/get შეუძლია მის დანახვა. ეს არის data privacy closure-დან აგებული. და makeCounter()-ის ყოველი გამოძახება ქმნის ახალ, იზოლირებულ scope-ს.
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 ქმნის ახალ binding-ს ყოველი iteration-ის დროს.
Closure-ები აძლიერებენ module privacy-ს, memoization-ს, currying-ს, event handler-ებს/callback-ებს, რომლებიც კი აღნიშნავენ state-ს, და ზუსტად ისე, როგორც React hooks-ები (useState) აკმაყოფილებენ მნიშვნელობებს renders-ს შორის.