लोड हो रहा है...

क्लोजर

आप स्कोप पहले से जानते हैं: यहाँ से कौन-से नाम दिखते हैं। एक कदम आगे: बाहरी कॉल खत्म होने के बाद भी इनर फ़ंक्शन बाहरी नाम का इस्तेमाल कर सकता है। यही टिकाऊ कड़ी closure (क्लोजर) कहलाती है।

क्लोजर का मतलब

जब एक फ़ंक्शन दूसरे के अंदर बनता है और बाद में भी बाहरी फ़ंक्शन के बाइंडिंग तक पहुँचता है, क्लोजर बनता है। बाहरी कॉल खत्म हो चुकी हो सकती है; इनर फ़ंक्शन उन नामों को अभी भी «याद» रखता है। कोड में शब्द closure नहीं लिखते — नेस्टेड फ़ंक्शन लिखते हैं, और JavaScript ज़रूरी बाहरी बाइंडिंग जीवित रखता है।

तीन हिस्से ध्यान से

📊 बाहरी फ़ंक्शन, बाइंडिंग और इनर फ़ंक्शन

हिस्सा	भूमिका	शुरुआती संकेत
बाहरी फ़ंक्शन	एक (या अधिक) बार चलता है और अक्सर इनर लौटाता है	«सेटअप» कॉल
बाहरी बाइंडिंग	बाहरी में पैरामीटर या `let` / `const`	वो मान जो इनर को अभी चाहिए
इनर फ़ंक्शन	बाद में कॉल करने पर उस बाइंडिंग का उपयोग	वो फ़ंक्शन जो आप रखते हैं

अगर ये तीन दिखा सकें, लगभग हर शुरुआती क्लोजर उदाहरण समझा सकते हैं। हैरानी नेस्टिंग नहीं — ये है कि बाहरी return के बाद भी बाहरी बाइंडिंग काम आती है।

इनर फ़ंक्शन बाहरी नाम पढ़ता है

javascript

function makeLine(title) {
function show() {
console.log(title);
}
show();
}
makeLine("Shop");

कॉल के दौरान इनर बाहर देखता है

show के पास लोकल title नहीं। खोज बाहर makeLine तक जाती है और पैरामीटर मिलता है। ये सामान्य नेस्टेड स्कोप है। क्लोजर एक कदम आगे जाता है: makeLine लौटने के बाद के लिए show (या उसकी जुड़वाँ) रखें।

return के बाद इनर फ़ंक्शन रखें

javascript

function makeLine(title) {
return function show() {
console.log(title);
};
}
let printShop = makeLine("Shop");
printShop();

बाहरी कॉल खत्म — मेमोरी बनी रही

makeLine("Shop") एक फ़ंक्शन लौटाता है। बाद में printShop कॉल करने पर अभी भी Shop छपता है। उस खत्म कॉल का title पैरामीटर अभी भी पहुँच में है। यही टिकाऊ कैप्चर क्लोजर है।

छोटी ग्रीटिंग फ़ैक्टरी

javascript

function makeGreeter(name) {
return function () {
return "Hello, " + name;
};
}
let hiSara = makeGreeter("Sara");
console.log(hiSara());

फ़ैक्टरी तैयार फ़ंक्शन लौटाती है

makeGreeter एक छोटी फ़ैक्टरी है: एक बाहरी कॉल, एक कस्टम फ़ंक्शन वापस। hiSara हमेशा सारा को नमस्कार करता है क्योंकि उसने उसी name पर क्लोज़ किया। makeGreeter का आर्गुमेंट बदलें — नया ग्रीटर, वही पैटर्न, नई मेमोरी।

याद रखने वाला काउंटर

javascript

function makeCounter() {
let n = 0;
return function () {
n = n + 1;
return n;
};
}
let tick = makeCounter();
console.log(tick());
console.log(tick());

काउंटर से लगभग प्राइवेट स्टेट

n बाहरी फ़ंक्शन में रहता है। बाहर का कोड सीधे n नहीं छूता — सिर्फ लौटाया गया फ़ंक्शन कर सकता है। पहली कॉल 1, दूसरी 2। ग्लोबल वेरिएबल के बिना काउंटर «याद» रखता है।

दो काउंटर, दो मेमोरी

javascript

function makeCounter() {
let n = 0;
return function () {
n = n + 1;
return n;
};
}
let a = makeCounter();
let b = makeCounter();
console.log(a());
console.log(a());
console.log(b());

हर बाहरी कॉल की अपनी मेमोरी

a और b अलग-अलग makeCounter() कॉल से आए, इसलिए हर एक का अपना n है। a पर दो कदम b को बीच से शुरू नहीं कराते। क्लोजर अपने आप एक स्टेट बैग शेयर नहीं करते जब तक आप जानबूझकर एक बाहरी बाइंडिंग शेयर न करें।

पेज पर क्लोज़्ड मान दिखाएँ

फ़ैक्टरी से ग्रीटर बनाएँ, एक बार कॉल करें, लौटी स्ट्रिंग पैराग्राफ में लिखें।