जावास्क्रिप्ट में try और catch स्टेटमेंट्स को उदाहरण सहित समझाएं

परिचय

try स्टेटमेंट हमें कोड के एक ब्लॉक को निष्पादित करने और एरर्स के लिए टेस्ट करने की अनुमति देता है। उन एरर्स को catch स्टेटमेंट द्वारा पकड़ा और हैंडल किया जाता है। वैकल्पिक finally ब्लॉक हमेशा निष्पादित होता है।

उदाहरण

निम्न कोड जावास्क्रिप्ट में try और catch स्टेटमेंट के लिए है:

<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Try Catch</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 20px; font-weight: 500; } </style> </head> <body> <h1>जावास्क्रिप्ट में Try और Catch</h1> <div style="color: green;" class="result"></div> <button class="Btn">यहाँ क्लिक करें</button> <h3> परिभाषित करने से पहले वेरिएबल को कॉल करने के लिए ऊपर दिए गए बटन पर क्लिक करें </h3> <script> const resEle = document.querySelector(".result"); document.querySelector(".Btn").addEventListener("click", () => { try { resEle.innerHTML = a; // ReferenceError } catch (err) { resEle.innerHTML = "Error = " + err.message; } let a = 44; }); </script> </body> </html>

आउटपुट

उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा:

'यहाँ क्लिक करें' बटन पर क्लिक करने पर:

सिंटैक्स

try {
  // जोखिम भरा कोड
} catch (error) {
  // एरर हैंडलिंग
} finally {
  // हमेशा निष्पादित होता है (वैकल्पिक)
}

सर्वोत्तम अभ्यास

• विशिष्ट एरर टाइप्स पकड़ें जब संभव हो
• catch ब्लॉक में एरर को लॉग करें
• क्लीनअप कोड (फ़ाइल बंद करना, कनेक्शन रिलीज़ करना) के लिए finally का उपयोग करें
• एरर्स को निगलने से बचें - कम से कम लॉग करें
• एसिंक्रोनस कोड के लिए try/catch के साथ async/await का उपयोग करें

ES2019: ऑप्शनल कैच बाइंडिंग

try {
  riskyOperation();
} catch { // एरर पैरामीटर वैकल्पिक है
  handleError();
}