Closure एक फ़ंक्शन है जो अपने आसपास के (lexical) स्कोप से चरों के संदर्भों के साथ बंडल किया जाता है। Closures की वजह से, एक आंतरिक फ़ंक्शन अपने बाहरी फ़ंक्शन के चरों तक पहुंच बनाए रखता है भले ही बाहरी फ़ंक्शन वापस आ गया हो।
() {
count = ;
{
: ++count,
: count,
};
}
a = ();
b = ();
a.(); a.();
b.();
count बाहर से accessible नहीं है — केवल inc/get इसे देख सकते हैं। यह एक closure से बना data privacy है। और 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 हर iteration पर एक नई binding बनाता है।
Closures module privacy, memoization, currying, event handlers/callbacks जो state को याद रखते हैं, को शक्ति देते हैं, और बिल्कुल वही हैं कि React hooks (useState) renders के बीच मान कैसे बनाए रखते हैं।