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