इस ट्यूटोरियल में, आप उदाहरणों की मदद से जावास्क्रिप्ट में डीबग करना सीखेंगे।
आप प्रोग्राम लिखते समय त्रुटियों का सामना कर सकते हैं और कर सकते हैं। त्रुटियां आवश्यक रूप से खराब नहीं हैं। वास्तव में, ज्यादातर समय, वे हमारे कोड के साथ मुद्दों की पहचान करने में हमारी मदद करते हैं। यह आवश्यक है कि आप अपने कोड को डीबग करना और त्रुटियों को ठीक करना जानते हैं।
डिबगिंग प्रोग्राम की जांच करने, त्रुटि खोजने और इसे ठीक करने की प्रक्रिया है।
ऐसे विभिन्न तरीके हैं जिनसे आप अपने जावास्क्रिप्ट प्रोग्राम को डिबग कर सकते हैं।
1. कंसोल का उपयोग करना। ()
आप console.log()कोड को डीबग करने के लिए विधि का उपयोग कर सकते हैं । आप उस मान को पास कर सकते हैं जिसे आप console.log()विधि में जांचना चाहते हैं और सत्यापित करना चाहते हैं कि डेटा सही है या नहीं।
वाक्य रचना है:
console.log(object/message);
आप ऑब्जेक्ट को console.log()या केवल एक संदेश स्ट्रिंग में पास कर सकते हैं ।
पिछले ट्यूटोरियल में, हमने console.log()आउटपुट प्रिंट करने के लिए विधि का उपयोग किया । हालाँकि, आप डीबगिंग के लिए भी इस विधि का उपयोग कर सकते हैं। उदाहरण के लिए,
let a = 5; let b = 'asdf'; let c = a + b; // if you want to see the value of c console.log(c); // then do other operations if(c) ( // do something )
console.log()ब्राउज़र में विधि का उपयोग करना डिबगर विंडो में मान खोलता है।
ब्राउज़र में कंसोल.लॉग () विधि का कार्य
console.log()ब्राउज़रों के लिए विशिष्ट नहीं है। यह अन्य जावास्क्रिप्ट इंजनों में भी उपलब्ध है।
2. डिबगर का उपयोग करना
debuggerकीवर्ड कोड के निष्पादन बंद हो जाता है और डिबगिंग समारोह कहता है।
यह debuggerलगभग सभी जावास्क्रिप्ट इंजनों में उपलब्ध है।
आइए एक उदाहरण देखें,
let a = 6; let b = 9; let c = a * b; // stops the execution debugger; console.log(c);
आइए देखें कि आप क्रोम ब्राउज़र में डीबगर का उपयोग कैसे कर सकते हैं।
ब्राउज़र में डीबगर का कार्य करना
उपरोक्त कार्यक्रम लाइन वाले कार्यक्रम के निष्पादन को रोक देता है debugger।
फिर आप कार्यक्रम की जांच के बाद प्रवाह नियंत्रण फिर से शुरू कर सकते हैं।
जब आप कंसोल में प्ले दबाकर स्क्रिप्ट को फिर से शुरू करेंगे तो बाकी कोड निष्पादित हो जाएगा।
ब्राउज़र में डीबगर का कार्य करना
3. ब्रेकप्वाइंट सेट करना
आप डीबगर विंडो में जावास्क्रिप्ट कोड के लिए ब्रेकप्वाइंट सेट कर सकते हैं।
जावास्क्रिप्ट प्रत्येक ब्रेकपॉइंट पर निष्पादित करना बंद कर देगा और आपको मूल्यों की जांच करने देगा। फिर, आप कोड के निष्पादन को फिर से शुरू कर सकते हैं।
चलो क्रोम ब्राउज़र में एक ब्रेकपॉइंट सेट करके एक उदाहरण देखते हैं।
ब्राउज़र में ब्रेकपॉइंट का कार्य करना
आप कोड में कहीं भी डेवलपर्स टूल के माध्यम से ब्रेकपॉइंट सेट कर सकते हैं।
ब्रेकपॉइंट सेट करना कोड में डिबगर लगाने के समान है। यहां, आप डिबगर फ़ंक्शन को मैन्युअल रूप से कॉल करने के बजाय स्रोत कोड की लाइन संख्या पर क्लिक करके ब्रेकप्वाइंट सेट करते हैं।
उपरोक्त विधियों में, हमने सरलता के लिए डिबगिंग प्रक्रियाओं को दिखाने के लिए क्रोम ब्राउज़र का उपयोग किया है। हालाँकि, यह आपका एकमात्र विकल्प नहीं है।
सभी अच्छे IDE आपके लिए कोड डीबग करने का एक तरीका प्रदान करते हैं। डिबगिंग प्रक्रिया थोड़ी भिन्न हो सकती है लेकिन डीबगिंग के पीछे की अवधारणा समान है।
