JavaScript Try Catch: चरण-दर-चरण गाइड

JavaScript try catch ब्लॉक्स एरर हैंडलर्स हैं। "try" ब्लॉक में वह कोड होता है जिसे आप टेस्ट करना चाहते हैं। "catch" में वह कोड होता है जो चलेगा यदि आपके "try" ब्लॉक में कोड सफलतापूर्वक निष्पादित नहीं हो सकता।

जब डेवलपर्स अपने प्रोग्राम्स को टेस्ट कर रहे होते हैं, तो एरर्स को एक निश्चित तरीके से हैंडल करने वाला कोड लिखना आम बात है। यह प्रोग्राम को क्रैश होने देने से अधिक ग्रेसफुल है, जिससे उनके प्रोग्राम में प्रोग्रामिंग एरर दिखाई देगी। उदाहरण के लिए, आप चाह सकते हैं कि उपयोगकर्ता को संदेश दिखाई दे, "कृपया बाद में पुनः प्रयास करें," बजाय लंबे एरर लॉग के।

यहीं try/catch ब्लॉक्स काम आते हैं। Try/catch ब्लॉक्स आपको एरर्स को ग्रेसफुली हैंडल करने की अनुमति देते हैं ताकि कोडिंग समस्याएं पूरे प्रोग्राम को क्रैश न करें। इस गाइड में, हम दिखाएंगे कि try/catch ब्लॉक्स का उपयोग कैसे करें और चर्चा करेंगे कि वे कैसे उपयोगी हैं।

एरर हैंडलिंग रिफ्रेशर

हर डेवलपर अपने कोड में गलतियां करता है क्योंकि ऐसे कई तरीके हैं जिनसे एक प्रोग्राम टूट सकता है।

जब जावास्क्रिप्ट में एरर का सामना होता है, तो प्रोग्राम आमतौर पर रुक जाता है और एरर को कंसोल पर प्रिंट करता है। यह उपयोगी है क्योंकि आप देख सकते हैं कि क्या गलत है, लेकिन जो उपयोगकर्ता एरर का सामना करते हैं वे इसे समझने की संभावना नहीं रखते।

यही कारण है कि अपने कोड में एरर हैंडलिंग प्रक्रियाओं को शामिल करना महत्वपूर्ण है। एरर हैंडलर शामिल करके, आप कस्टमाइज़ कर सकते हैं कि आपका प्रोग्राम कैसे प्रतिक्रिया देता है यदि कोई एरर आती है। इस प्रकार, एरर हैंडलर्स आपको यह तय करने की अनुमति देते हैं कि जब कोई एरर आती है तो उपयोगकर्ता कौन से संदेश देखते हैं, या आपको किसी समस्या की सूचना कैसे दी जाती है।

JavaScript try catch

JavaScript try catch ब्लॉक कोड के निर्दिष्ट ब्लॉक में एरर्स की पहचान करता है। "catch" ब्लॉक की सामग्री चलती है यदि आपके "try" ब्लॉक में कोड में कोई एरर है। आप कोड चलाने के लिए "finally" ब्लॉक का भी उपयोग कर सकते हैं चाहे आपका प्रोग्राम सफलतापूर्वक निष्पादित हो या नहीं।

यहां try/catch प्रक्रिया का सिंटैक्स है:

81% प्रतिभागियों ने कहा कि बूटकैंप में भाग लेने के बाद उन्हें अपनी टेक जॉब संभावनाओं के बारे में अधिक आत्मविश्वास महसूस हुआ। आज ही बूटकैंप से मैच करवाएं।

औसत बूटकैंप ग्रेजुएट ने करियर ट्रांजिशन में छह महीने से कम समय बिताया, बूटकैंप शुरू करने से लेकर पहली नौकरी ढूंढने तक।

try { // Your code here console.log(“The code works!”); } catch (e) { console.log(“There is a problem in my code!”); }

हमारे ब्लॉक में दो स्टेटमेंट्स हैं:

• try {}.
• catch (e) {}.

"try" स्टेटमेंट में संलग्न कोड वह है जिसे प्रोग्राम चलाने का प्रयास करेगा। इस मामले में, हमारा प्रोग्राम कंसोल पर "This code works" प्रिंट करने का प्रयास करता है। catch स्टेटमेंट में संलग्न कोड तब चलता है जब और जब आपके try स्टेटमेंट में कोई एरर लौटाई जाती है।

catch स्टेटमेंट में (e) मान उस एरर को दर्शाता है जिसके कारण आपके "try" स्टेटमेंट में कोड विफल हुआ। आप "e" का मान प्रिंट करने का निर्णय ले सकते हैं ताकि आप एरर का मूल कारण देख सकें जिसने आपके कोड को रोका।

try catch जावास्क्रिप्ट उदाहरण

try/catch ब्लॉक्स को एक्शन में दिखाने के लिए, आइए एक उदाहरण का उपयोग करें। नीचे दिए गए उदाहरण में, हमने अपने कोड में एक जावास्क्रिप्ट वेरिएबल नाम को गलत लिखा है।

let ourVariable = “Test”; console.log(ourVarible);

हमारा कोड लौटाता है:

ReferenceError: ourVarible is not defined

यह डिफ़ॉल्ट एरर है जो तब लौटाई जाती है जब कोई वेरिएबल नहीं मिलता। लेकिन क्या होगा अगर उपयोगकर्ता इस एरर को देखे? वे संभवतः भ्रमित होंगे। अब आइए try/catch ब्लॉक का उपयोग करके अपना कोड आज़माएं:

let ourVariable = “Test”; try { console.log(ourVarible); } catch (e) { console.log(“There is a problem!”) }

हमारा कोड लौटाता है:

There is a problem!

हमारे कोड में वही ReferenceError है जो हमने ऊपर देखा है। लेकिन डिफ़ॉल्ट एरर को लंबी और जटिल लौटाने के बजाय, हमारा प्रोग्राम वही लौटाता है जो हमने catch ब्लॉक में निर्दिष्ट किया था। हमारा कोड एरर को लॉग करता है, लेकिन प्रोग्राम हमारी कस्टम एरर लौटाता है।

catch ब्लॉक आर्गुमेंट "e" में हमारे एरर को ट्रैक करता है, यदि हम चाहें, तो हम अभी भी उस एरर को एक्सेस कर सकते हैं जो लौटाई गई थी। यहां एक प्रोग्राम का उदाहरण है जो "e" का मान लौटाता है:

let ourVariable = “Test”; try { console.log(ourVarible); } catch (e) { console.log(“There is a problem! Here is the error message from the code:”, e) }

हमारा कोड निम्नलिखित लौटाता है:

There is a problem! Here is the error message from the code: ReferenceError: ourVarible is not defined.

अब हमारा कोड हमें एरर रिपोर्ट करता है और प्रोग्राम द्वारा फेंके गए एरर संदेश को भी दिखाता है।

यह ध्यान देने योग्य है कि catch क्लॉज़ वैकल्पिक हैं। यदि आप चाहते हैं कि आपका प्रोग्राम एरर आने पर कुछ न करे, तो आपको केवल अपने कोड को try ब्लॉक में संलग्न करना होगा।

JavaScript try catch finally क्लॉज़

एक और क्लॉज़ है जिसे हम अपने कोड में जोड़ सकते हैं: finally। Finally, catch की तरह एक वैकल्पिक क्लॉज़ है, और हमें एरर आने पर भी कोड चलाने की अनुमति देता है। यहां try/catch/finally क्लॉज़ के एक्शन में एक उदाहरण है:

let ourVariable = "Test"; try { console.log(ourVarible); } catch (e) { console.log("There is a problem! Here is the error message from the code:", e) } finally { console.log("The code has been run!") }

यहां हमारे प्रोग्राम का रिटर्न है:

TypeError: Your variable is not a string! The code has been run!

हमारे कोड में एरर आती है इसलिए हमारे catch क्लॉज़ में कोड चलता है। यह उपरोक्त TypeError लौटाता है। एरर हैंडल होने के बाद, हमारे finally ब्लॉक में कोड चलता है, जो This code has been run! प्रिंट करता है।

निष्कर्ष

आप अपने कोड को टेस्ट करने के लिए JavaScript try/catch क्लॉज़ का उपयोग कर सकते हैं। catch स्टेटमेंट की सामग्री चलेगी यदि आपका try स्टेटमेंट सफलतापूर्वक निष्पादित नहीं हो सकता। finally स्टेटमेंट try या catch स्टेटमेंट्स के तुरंत बाद निष्पादित होता है।

यदि आप एक ऐसी साइट विकसित कर रहे हैं जिसे उपयोगकर्ता देखेंगे, तो कस्टम एरर्स उपयोगी हो सकते हैं। कस्टम एरर्स सुनिश्चित करेंगे कि जब कुछ गलत हो तो उपयोगकर्ता भ्रमित न हों।

क्या आप जावास्क्रिप्ट में कोडिंग के बारे में अधिक जानना चाहते हैं? हमारा How to Learn JavaScript गाइड पढ़ें। इस गाइड में जावास्क्रिप्ट सीखने के बारे में शीर्ष सलाह है।