ओह, मैंने इसे फिर से किया: सामान्य जावास्क्रिप्ट त्रुटियों को डीबग करना

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

हम आपको याद दिलाते हैं: "हैबर" के सभी पाठकों के लिए - "हैबर" प्रोमो कोड का उपयोग करके किसी भी स्किलबॉक्स कोर्स के लिए पंजीकरण करते समय 10,000 रूबल की छूट।

स्किलबॉक्स अनुशंसा करता है: व्यावहारिक पाठ्यक्रम "मोबाइल डेवलपर प्रो" ।

TypeError: संपत्ति परिभाषित नहीं है

let girl = { name: "Lucky", location: "Hollywood", profession: "star", thingsMissingInHerLife: true, lovely: true, cry: function() { return "cry, cry, cries in her lonely heart" } } console.log(girl.named.lucky) 

ऊपर दिया गया नमूना कोड एक अनकैप्ड टाइपर्रर फेंकता है: अपरिभाषित त्रुटि की संपत्ति को 'भाग्यशाली' नहीं पढ़ सकता है। समस्या यह है कि लड़की के पास एक नामित संपत्ति नहीं है, हालांकि एक नाम संपत्ति है। और चूंकि प्रॉपर्टी गर्ल.नाम परिभाषित नहीं है, इसलिए इसे एक्सेस करना असंभव है, क्योंकि औपचारिक रूप से इसका अस्तित्व नहीं है। लेकिन अगर आप girl.name.lucky को girl.name से प्रतिस्थापित करते हैं, तो सब कुछ काम करेगा और प्रोग्राम लकी लौटेगा।

गुणों के बारे में यहाँ पढ़ें।

TypeError Errors को ठीक करने के तरीके

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

इसलिए, यदि आप लड़की को कॉल करने की कोशिश करते हैं (), तो आपको अनक्रीस्ट टाइप टाइप त्रुटि मिलेगी: yourVariable.bold एक फ़ंक्शन नहीं है और लड़की एक फ़ंक्शन नहीं है, क्योंकि वास्तव में ऑब्जेक्ट को कहा जाता है, फ़ंक्शन नहीं।

त्रुटियों को खत्म करने के लिए, आपको चर का अध्ययन करने की आवश्यकता है। तो लड़की क्या है? और लड़की क्या है। आप पता लगा सकते हैं कि क्या आप कोड का विश्लेषण करते हैं, कंसोल का उपयोग करके चर प्रदर्शित करते हैं। डीबगर कमांड, या कंसोल में चर नाम को कॉल करके। आपको यह सुनिश्चित करने की आवश्यकता है कि चर में निहित डेटा प्रकार के साथ काम करना संभव है। यदि यह फिट नहीं होता है, तो इसे बदलें, उदाहरण के लिए, एक शर्त जोड़ें या प्रयास करें..चेक ब्लॉक करें और ऑपरेशन पर नियंत्रण प्राप्त करें।

ढेर अतिप्रवाह

यदि आप गीत बेबी वन मोर टाइम (यह ब्रिटनी स्पीयर्स, हह) के शब्दों के लेखकों पर विश्वास करते हैं, तो इस संदर्भ में हिट शब्द का अर्थ गायक की इच्छा को फिर से बुलाया जाना है (यहां गीत के संदर्भ की व्याख्या है, लगभग। अनुवादक)। यह अच्छी तरह से हो सकता है कि इस इच्छा से वास्तविक जीवन में कॉल की संख्या में वृद्धि होगी। लेकिन प्रोग्रामिंग में, यह एक पुनरावृत्ति है जो कॉल स्टैक ओवरफ्लो होने पर त्रुटि का कारण बन सकता है।

त्रुटियां इस प्रकार हैं:

त्रुटि: स्टैक स्पेस से बाहर (एज)
आन्तरिकError: बहुत अधिक पुनरावर्तन (फ़ायरफ़ॉक्स)
रेंजऑयर: अधिकतम कॉल स्टैक आकार पार हो गया (क्रोम)

स्टैक ओवरफ्लो तब होता है जब डेवलपर ने रिकर्सन में आधार मामले को ध्यान में नहीं रखा, या यदि कोड प्रदान किए गए मामले को संबोधित नहीं करता है।

 function oneMoreTime(stillBelieve=true, loneliness=0) { if (!stillBelieve && loneliness < 0) return loneliness++ return oneMoreTime(stillBelieve, loneliness) } 

इस स्थिति में, स्टिल-बीवर कभी भी गलत पर सेट नहीं हो सकता है, इसलिए हर बार OneMoreTime को कॉल किया जाएगा, लेकिन फ़ंक्शन कभी समाप्त नहीं होगा।

यदि आप दो दोस्तों के लिए आशा करना शुरू करते हैं, तो यह अकेलापन (अकेलापन) को कम करेगा, और आप कॉल की प्रतीक्षा नहीं कर सकते।

 function oneMoreTime(stillBelieve=true, loneliness=0) { if (!stillBelieve && loneliness < 0) return loneliness-- stillBelieve = false return oneMoreTime(stillBelieve, loneliness) } 

उदाहरण के रूप में, अनंत छोरों के साथ मामले हैं, जब सिस्टम एक त्रुटि संदेश नहीं देता है, और जिस पृष्ठ पर जावास्क्रिप्ट कोड निष्पादित होता है वह बस जमा देता है। यह तब होता है जब लूप की समाप्ति की स्थिति नहीं होती है।

 let worldEnded = false while (worldEnded !== true) { console.log("Keep on dancin' till the world ends") } 

आप समस्या को निम्नानुसार हल कर सकते हैं:

 let worldEnded = false while (worldEnded !== true) { console.log("Keep on dancin' till the world ends") worldEnded = true } 

डिबग अंतहीन छोरों और recursions

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

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

आप यहाँ ( क्रोम के लिए ) और यहाँ ( फ़ायरफ़ॉक्स के लिए ) के बारे में अधिक पढ़ सकते हैं।

सिंटेक्स त्रुटि

सबसे आम जावास्क्रिप्ट त्रुटियों में से एक सिंटैक्सएयर है। इनसे बचने में मदद करें टेक्स्ट एडिटर का एक्सटेंशन। तो, ब्रैकेट जोड़ी Colorizer अलग-अलग रंगों में कोड में कोष्ठक को चिह्नित करता है, और Prettier या एक समान विश्लेषण उपकरण त्रुटियों को जल्दी से ढूंढना संभव बनाता है। SyntaxError की संभावना को कम करने का सबसे अच्छा विकल्प न्यूनतम घोंसले का शिकार है।

टिप्पणियों में साझा करें: गलतियों से बचने या जल्दी से पता लगाने और उन्हें खत्म करने के लिए आप क्या करते हैं?

स्किलबॉक्स अनुशंसा करता है:

• दो वर्षीय व्यावहारिक पाठ्यक्रम "मैं एक प्रो वेब डेवलपर हूं । "
• ऑनलाइन पाठ्यक्रम "सी # डेवलपर 0 के साथ" ।
• व्यावहारिक वार्षिक पाठ्यक्रम "पीएचपी-डेवलपर 0 से प्रो तक" ।