JavaScript Errors — try, catch, finally से error पकड़िए

हर प्रोग्राम में गलतियाँ होती हैं। एक variable की spelling गलत है, एक number किसी चीज़ से भाग नहीं होता, एक server जवाब नहीं देता। JavaScript में ऐसी गलती को error कहते हैं, और आमतौर पर यह पूरी script रोक देता है — error के बाद सब कुछ कभी चलता ही नहीं। इसीलिए एक छोटी typo पूरा पेज खाली कर सकती है। इसका उपाय है error को ऊपर पहुँचने से पहले पकड़ लेना: try, catch और finally।

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

चाय की दुकान के order की तरह सोचिए। आप चाय बनाने की कोशिश करते हैं (जोखिम भरा कदम)। अगर दूध खत्म हो गया, तो आप समस्या पकड़ते हैं और उसकी जगह काली चाय देते हैं (backup plan)। और finally, order काम करे या न करे, आप counter साफ़ करते हैं (सफ़ाई)। एक item के न होने से दुकान बंद नहीं होती — और एक खराब value से आपका पेज नहीं टूटना चाहिए।

try, catch, finally — तीन हिस्से

try {
  // risky code — if it throws, jump to catch
  let total = price * qty;
} catch (error) {
  // backup plan — error.message tells you what went wrong
  console.log("Something went wrong: " + error.message);
} finally {
  // always runs — tidy up here
  console.log("Done.");
}

try block में जोखिम भरा code होता है। अगर उसके अंदर कुछ भी error फेंकता है, तो JavaScript सीधे catch block पर कूद जाता है और try का बाकी हिस्सा छोड़ देता है। catch block error को एक object के रूप में पाता है, और error.message में छोटा-सा विवरण होता है। finally block चाहे कुछ भी हो, हमेशा चलता है — error हो या न हो — इसलिए यह सफ़ाई के लिए सही जगह है, जैसे loading message बंद करना।

throw — अपनी error बनाइए

कभी-कभी code ठीक चलता है, पर value गलत होती है — negative उम्र, खाली नाम, शून्य quantity। JavaScript नहीं जानता कि यह error है, इसलिए आप खुद एक फेंकते हैं:

function checkAge(age) {
  if (age < 0) {
    throw new Error("Age cannot be negative.");
  }
  return "Age is fine.";
}

throw new Error("...") function को उसी पल रोक देता है और नज़दीकी catch पर कूद जाता है। यह एक चुपचाप गलत value को ज़ोरदार, दिखने वाली समस्या में बदल देता है — उसे ढूँढना और ठीक करना, चुपचाप गलत निकलने वाले बिल से कहीं आसान है।

आम errors — उन्हें पढ़ना सीखिए

• ReferenceError: x is not defined — आपने ऐसा variable इस्तेमाल किया जो है ही नहीं, आमतौर पर spelling की गलती। नाम को अक्षर-अक्षर जाँचिए।
• TypeError: Cannot read properties of null — आपने ऐसी चीज़ इस्तेमाल करने की कोशिश की जो null है, अक्सर इसलिए क्योंकि getElementById element नहीं ढूँढ पाया। HTML में id जाँचिए।
• SyntaxError: Unexpected token — code खुद गलत लिखा गया है, जैसे कोई bracket छूट गया हो। Browser लाइन बताता है — वहीं से शुरू कीजिए।
• RangeError: Maximum call stack size exceeded — एक function खुद को हमेशा बुलाता रहता है। जाँचिए कि आपके recursion या loop से बाहर निकलने का रास्ता है।

Error message की पहली लाइन पढ़िए, पूरा stack नहीं। पहली लाइन आमतौर पर type और जगह बता देती है — ज़्यादातर मामलों में bug ढूँढने के लिए उतना ही काफी है।

आम गलतियाँ

• सब कुछ एक बड़े try में लपेटना — आप भूल जाते हैं कि error असल में कहाँ से आया था। try block छोटा रखिए।
• खाली catch block — error चुपचाप निगल लिया जाता है और bug अदृश्य हो जाता है। कम से कम error.message log कीजिए।
• यह भूल जाना कि try सिर्फ वही errors पकड़ता है जो उसके अंदर होते हैं — timer या promise में हुई error को अपनी handling चाहिए।
• throw "some string" इस्तेमाल करना, throw new Error("...") की जगह — string में stack trace नहीं होता, इसलिए आप नहीं ढूँढ सकते कि वह कहाँ से आई।

याद रखें

• try में जोखिम भरा code होता है, catch में backup plan होता है, finally हमेशा चलता है।
• throw new Error("...") तब अपनी error बनाता है, जब value गलत हो।
• Error की पहली लाइन पढ़िए — वह आमतौर पर type और जगह बता देती है।
• जोखिम भरा कदम आज़माइए, गिरावट पकड़िए, आखिर में सफ़ाई कीजिए।

उदाहरण समझिए

• let age = Number(document.getElementById("age").value); — उम्र वाला box पढ़ता है और string को number में बदलता है।
• if (isNaN(age)) { throw new Error("Please type a number."); } — अगर input number नहीं है, तो हम टूटी value के साथ आगे बढ़ने की जगह अपनी error फेंकते हैं।
• if (age < 0) { throw new Error("Age cannot be negative."); } — दूसरी जाँच: negative उम्र नामुमकिन है, इसलिए यह भी error है।
• catch (error) { ... error.message ... } — जो भी error फेंकी गई, उसका message पेज पर लाल रंग में दिखाया जाता है। पेज कभी टूटता नहीं।
• finally { document.getElementById("age").value = ""; } — input box चाहे जाँच पास हो या fail, खाली कर दिया जाता है, ताकि अगली कोशिश साफ़ शुरू हो।