ایک closure ایک فنکشن ہے جو اپنے ارد گرد (lexical) scope سے متغیرات کے حوالہ جات کے ساتھ بندل ہوا ہے۔ Closures کی وجہ سے، ایک اندرونی فنکشن اپنے بیرونی فنکشن کے متغیرات تک رسائی برقرار رکھتا ہے یہاں تک کہ بیرونی فنکشن کے واپس آنے کے بعد بھی۔
() {
count = ;
{
: ++count,
: count,
};
}
a = ();
b = ();
a.(); a.();
b.();
count باہر سے قابل رسائی نہیں ہے — صرف inc/get اسے دیکھ سکتے ہیں۔ یہ ایک 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 ہر iteration میں نیا binding بناتا ہے۔
Closures ماڈیول کی رازداری، memoization، currying، ایونٹ ہینڈلرز/callbacks جو حالت یاد رکھتے ہیں، کو طاقت دیتے ہیں، اور بالکل یہ ہے کہ React hooks (useState) کیسے values کو renders کے درمیان برقرار رکھتے ہیں۔