जावास्क्रिप्ट में डिबगिंग में रनटाइम व्यवहार का विश्लेषण करके, प्रोग्राम प्रवाह का पता लगाकर और ब्राउज़र कंसोल, डिबगर्स और लॉगिंग तकनीकों जैसे टूल का उपयोग करके त्रुटियों की पहचान करना और उन्हें ठीक करना शामिल है। जावास्क्रिप्ट में डिबगिंग के लिए विभिन्न तरीके नीचे दिए गए हैं।
1. डिबगर कीवर्ड का उपयोग करना
डिबगर कीवर्ड जावास्क्रिप्ट इंजन को एक निश्चित बिंदु पर निष्पादन रोकने के लिए मजबूर करता है। सामना होने पर, यह कोड निष्पादन को रोक देता है और ब्राउज़र के डिबगिंग टूल को खोल देता है।
सिंटैक्स:
डिबगर;
उदाहरण:

function sum(a, b) { 
   debugger; // Execution stops here 
   return a   b; 
} 

let result = sum(5, 10); 
// When run, code will pause at the debugger line

यह आपको ब्राउज़र के डेवलपर टूल का उपयोग करके उस सटीक बिंदु पर चर और प्रोग्राम स्थिति का निरीक्षण करने की अनुमति देता है।
2. कंसोल.लॉग()
का उपयोग करना कंसोल.लॉग() ब्राउज़र के कंसोल पर डेटा आउटपुट करता है, जिससे आपको रनटाइम के दौरान मान और प्रोग्राम प्रवाह का पता लगाने में मदद मिलती है।
सिंटैक्स:

console.log(value)
Example:
let name = "John"; 
let age = 30; 

console.log("Name: "   name); 
// Output: Name: John 
console.log("Age: ", age); 
// Output: Age: 30

अपने पूरे कोड में कंसोल.लॉग() स्टेटमेंट डालकर, आप सत्यापित कर सकते हैं कि वेरिएबल अपेक्षित मान रखते हैं या नहीं।
3. ब्रेकप्वाइंट का उपयोग करना
ब्रेकप्वाइंट सीधे ब्राउज़र के डेवलपर टूल में सेट किए जा सकते हैं। वे एक विशिष्ट लाइन पर कोड निष्पादन को रोकते हैं, जिससे आप उस समय प्रोग्राम स्थिति का निरीक्षण कर सकते हैं।
ब्रेकप्वाइंट सेट करने के चरण:

1. डेवलपर टूल खोलें (F12 दबाएं या राइट-क्लिक करें और निरीक्षण करें का चयन करें)।
2. स्रोत टैब पर जाएं।
3. जावास्क्रिप्ट फ़ाइल का चयन करें, फिर ब्रेकपॉइंट सेट करने के लिए लाइन नंबर पर क्लिक करें।
4. कोड निष्पादन उस पंक्ति पर रुक जाएगा, और सभी चर और स्थिति का निरीक्षण किया जा सकता है। उदाहरण:

function multiply(a, b) { 
   return a * b; 
} 

परिणाम दें = गुणा करें(2, 5);
// यहां एक ब्रेकपॉइंट सेट करें और मानों का निरीक्षण करें
इस उदाहरण में, गुणा() फ़ंक्शन पर ब्रेकपॉइंट सेट करने के बाद, आप डेवलपर टूल में ए और बी के मानों का निरीक्षण कर सकते हैं।
4. कंसोल.वार्न() और कंसोल.एरर()
का उपयोग करना ये विधियाँ कंसोल.लॉग() की तरह काम करती हैं, लेकिन कंसोल में आउटपुट स्पष्ट रूप से अलग होता है, जिससे चेतावनियों या त्रुटियों को अलग करने में मदद मिलती है।
सिंटैक्स:

console.warn(message); 
console.error(message);

उदाहरण:

let age = 17; 

if (age 



इस मामले में, console.warn() एक पीला चेतावनी संदेश दिखाएगा, जबकि console.error() लाल रंग में एक त्रुटि प्रदर्शित करेगा।

5. ट्राई...कैच स्टेटमेंट्स का उपयोग करना

प्रयास करें...कैच का उपयोग रनटाइम त्रुटियों को शानदार ढंग से संभालने के लिए किया जाता है, जिससे आप त्रुटियों को लॉग कर सकते हैं और एप्लिकेशन को क्रैश होने से रोक सकते हैं।

सिंटैक्स:



try { 
   // Code that may throw an error 
} catch (error) { 
   console.error(error.message); 
} 




उदाहरण:



 try { 
   let result = JSON.parse("invalid JSON string"); 
} catch (error) { 
   console.error("An error occurred: ", error.message); 
   // Logs error without stopping the app 
}




ट्राई...कैच ब्लॉक JSON पार्सिंग त्रुटि को पकड़ लेगा और एप्लिकेशन को क्रैश किए बिना इसे कंसोल पर लॉग कर देगा।

6. प्रदर्शन निगरानी उपकरण का उपयोग करना

प्रदर्शन डिबगिंग के लिए, डेवलपर टूल में प्रदर्शन टैब फ़ंक्शन निष्पादन समय, मेमोरी उपयोग और प्रदर्शन बाधाओं की निगरानी में मदद करता है।

चरण:


डेवलपर टूल खोलें (F12 दबाएं)।
प्रदर्शन टैब पर जाएं।
कोड निष्पादन की निगरानी शुरू करने के लिए रिकॉर्ड पर क्लिक करें।
डेटा एकत्र करने के लिए अपने एप्लिकेशन में कार्रवाई करें।
प्रदर्शन समयरेखा का विश्लेषण करने के लिए रिकॉर्डिंग बंद करें।
उदाहरण:



console.time("loop"); 
for (let i = 0; i 



यह उदाहरण यह मापने के लिए console.time() और console.timeEnd() का उपयोग करता है कि कोड के एक ब्लॉक को निष्पादित होने में कितना समय लगता है।

इन विधियों और प्रदर्शन निगरानी जैसी अधिक उन्नत तकनीकों को लागू करके आप अपने जावास्क्रिप्ट कोड में समस्याओं को प्रभावी ढंग से डीबग और हल कर सकते हैं।

यदि आप जावास्क्रिप्ट सीख रहे हैं, तो मीडियम पर मेरे चरण-दर-चरण ट्यूटोरियल का पालन करना सुनिश्चित करें: https://medium.com/@CodingAdventure