JavaScript स्कोप

स्कोप (Scope) एक ही सवाल का जवाब है: आपके कोड में variable कहाँ दिखता है? फ़ंक्शन के अंदर बनाया गया variable सिर्फ उसी फ़ंक्शन के अंदर इस्तेमाल हो सकता है। सभी फ़ंक्शन्स के बाहर बनाया गया variable कहीं भी इस्तेमाल हो सकता है। गाँव और घर की तरह सोचें: गाँव के चौक में कही गई बात (global) सबको पता होती है, लेकिन एक घर के अंदर कही गई बात (local) सिर्फ उस घर के लोगों को सुनाई देती है।

Diagram — देखें, यह सब कैसे जुड़ता है

स्कोप इसलिए ज़रूरी है क्योंकि यह आपके कोड को खुद से टकराने से रोकता है। दो फ़ंक्शन दोनों total नाम का variable इस्तेमाल कर सकते हैं, बिना टकराव के — जब तक हर total अपने फ़ंक्शन के अंदर local है। स्कोप के बिना हर नाम global होता, और बड़े प्रोग्राम में गलत overwrite से सब गड़बड़ हो जाता।

ग्लोबल स्कोप

किसी भी फ़ंक्शन के बाहर बनाया गया variable global होता है। हर फ़ंक्शन और पेज की हर script उसे पढ़ सकती है और बदल सकती है। Global सुविधाजनक होते हैं, लेकिन खतरनाक भी — आपके कोड का कोई भी हिस्सा उन्हें गलती से बदल सकता है, और फिर bug वहाँ से बहुत दूर जाकर दिखाई देता है जहाँ वह हुआ था। Professional कोड में जितना हो सके, उतने कम global इस्तेमाल होते हैं।

let chaiPrice = 10;  // global — हर फ़ंक्शन इसे देख सकता है
function chaiBill(cups) {
  return cups * chaiPrice;
}

लोकल स्कोप — फ़ंक्शन स्कोप

फ़ंक्शन के अंदर बनाया गया variable उस फ़ंक्शन के लिए local होता है। वह तब बनता है जब फ़ंक्शन चलता है, और जब फ़ंक्शन खत्म होता है तो वह मिट जाता है। फ़ंक्शन के बाहर से कोई उसे नहीं देख सकता — बाहर से उसे पढ़ने की कोशिश करने पर ReferenceError मिलता है।

function greet() {
  let message = "Namaste!";  // local — सिर्फ greet() इसे देख सकता है
  return message;
}
greet();
console.log(message);  // Error! यहाँ message defined नहीं है

यह कोई bug नहीं, एक सुविधा है। फ़ंक्शन के private variables उसकी अपनी कार्यशाला हैं। जब वह खत्म होता है, कार्यशाला साफ़ हो जाती है, और नाम दूसरे फ़ंक्शन्स के इस्तेमाल के लिए खाली हो जाते हैं।

ब्लॉक स्कोप — let और const बनाम var

Block का मतलब है घुँघराले कोष्ठकों { } के बीच का कोड, जैसे if या loop का body। let या const से बनाए गए variables block-scoped होते हैं: वे सिर्फ उसी block के अंदर मौजूद रहते हैं। पुराने var से बनाए गए variables block को नज़रअंदाज़ करते हैं और पूरे फ़ंक्शन में दिखते हैं। यही एक बड़ी वजह है कि आधुनिक कोड var की जगह let और const को पसंद करता है।

if (true) {
  let a = 5;   // सिर्फ इस if-block के अंदर
  var b = 6;   // पूरे फ़ंक्शन में दिखता है
}
console.log(a);  // Error!
console.log(b);  // 6 — var block से बाहर निकल आया

Hoisting — एक छोटी चेतावनी

JavaScript कोड चलाने से पहले declarations को उनके scope के ऊपर ले जाता है — इसे hoisting कहते हैं। var वाला variable ऊपर उठाया जाता है और undefined से शुरू होता है, इसलिए उसे जल्दी इस्तेमाल करने पर error की जगह उलझाने वाला undefined मिलता है। let या const वाला variable भी ऊपर उठाया जाता है, लेकिन अपनी लाइन चलने तक वह "temporal dead zone" में रहता है — उसे जल्दी इस्तेमाल करने पर साफ़ error मिलता है। व्यावहारिक नियम आसान है: अपने variables को हमेशा उनके scope के ऊपर declare करें, और let और const को पसंद करें।

आम गलतियाँ

• Local variable को फ़ंक्शन के बाहर पढ़ना और ReferenceError: message is not defined पाना।
• if या loop के अंदर var इस्तेमाल करना और यह देखकर हैरान होना कि variable उसके बाद भी दिख रहा है।
• गलती से global बना देना — let, const या var लिखे बिना total = 5 लिखना एक global बना देता है।
• गलती से shadowing करना — global वाले नाम का local variable उस फ़ंक्शन के अंदर global को छिपा देता है।

याद रखें

• Global scope: सभी फ़ंक्शन्स के बाहर declare किया गया, हर जगह दिखता है।
• Local scope: फ़ंक्शन के अंदर declare किया गया, सिर्फ वहीं दिखता है।
• let और const block-scoped होते हैं; var function-scoped होता है और block से बाहर निकल सकता है।
• Global = पूरा गाँव जानता है; local = सिर्फ घर के अंदर।

उदाहरण समझिए

• let chaiPrice = 10; — एक global variable, सभी फ़ंक्शन्स के बाहर declare किया गया। पेज के दोनों button इसे देख सकते हैं।
• function showGlobal() { ... } — फ़ंक्शन के अंदर से global chaiPrice को पढ़ता है। यह काम करता है, क्योंकि फ़ंक्शन बाहर की ओर देख सकते हैं।
• let message = "Only inside this function"; — showLocal() के अंदर एक local variable। यह सिर्फ तब तक मौजूद रहता है जब तक वह फ़ंक्शन चल रहा है।
• document.getElementById("out").innerHTML = message; — यह लाइन फ़ंक्शन के अंदर है, इसलिए यह local variable को पढ़ सकती है। फ़ंक्शन के बाहर यही लाइन fail हो जाती।
• var leaked = "I escaped the block"; — if block के अंदर var से declare किया गया, यह block खत्म होने के बाद भी दिखता है। उसी जगह let होता तो नहीं दिखता।