उफ्, मैले यो फेरि गरें: JavaScript मा सामान्य त्रुटिहरू डिबग गर्दै

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

हामी सम्झाउँछौं: सबै Habr पाठकहरूका लागि - Habr प्रोमो कोड प्रयोग गरी कुनै पनि Skillbox पाठ्यक्रममा भर्ना गर्दा १०,००० रूबल छुट।

Skillbox सिफारिस गर्दछ: व्यावहारिक पाठ्यक्रम "मोबाइल विकासकर्ता प्रो".

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)

माथिको उदाहरण कोडले त्रुटि फेला पार्छ Uncaught TypeError: अपरिभाषितको 'भाग्यशाली' गुण पढ्न सकिँदैन। समस्या यो छ कि केटी वस्तुको नाममा सम्पत्ति छैन, यद्यपि यसमा नामको सम्पत्ति छ। र जबकी girl.named सम्पत्ति परिभाषित गरिएको छैन, तपाइँ यसलाई पहुँच गर्न सक्नुहुन्न, किनकि औपचारिक रूपमा यो अवस्थित छैन। तर यदि तपाईंले girl.named.lucky लाई girl.name ले प्रतिस्थापन गर्नुभयो भने, त्यसपछि सबै काम हुनेछ र कार्यक्रम भाग्यशाली फिर्ता हुनेछ।

तपाईं गुण बारे थप जान्न सक्नुहुन्छ यहाँ पढ्नुहोस्.

TypeErrors कसरी समाधान गर्ने

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

त्यसोभए, यदि तपाईंले girl() लाई कल गर्ने प्रयास गर्नुभयो भने, तपाईंले त्रुटि प्राप्त गर्नुहुनेछ Uncaught TypeError: yourVariable.bold एक प्रकार्य होइन र गर्ल एक प्रकार्य होइन, किनभने यो वास्तवमा कल गरिएको वस्तु हो, फंक्शन होइन।

त्रुटिहरू हटाउनको लागि, तपाईंले चरहरू अध्ययन गर्न आवश्यक छ। त्यसोभए, केटी भनेको के हो? केटीको नाम के हो? तपाईंले कोडको विश्लेषण गरेर, console.log, डिबगर कमाण्ड, वा कन्सोलमा चर नाम कल गरेर चरहरू प्रदर्शन गरेर पत्ता लगाउन सक्नुहुन्छ। तपाईंले भ्यारीएबलमा समावेश डाटा प्रकारमा काम गर्न सम्भव छ भनी सुनिश्चित गर्न आवश्यक छ। यदि यो फिट छैन भने, यसलाई परिवर्तन गर्नुहोस्, उदाहरणका लागि, शर्त थप्नुहोस् वा प्रयास गर्नुहोस्..ब्लक समात्नुहोस् - र सञ्चालनको कार्यान्वयनमा नियन्त्रण प्राप्त गर्नुहोस्।

थुप्रो अतिप्रवाह

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

त्रुटिहरू यस्तो देखिन्छन्:

त्रुटि: स्ट्याक स्पेस बाहिर (एज)
आन्तरिक त्रुटि: धेरै पुनरावृत्ति (फायरफक्स)
दायरा त्रुटि: कल स्ट्याकको अधिकतम आकार नाघ्यो (Chrome)

यदि विकासकर्ताले पुनरावृत्तिमा आधार केसलाई विचार गर्दैन भने वा कोडले इच्छित केसलाई सम्बोधन गर्दैन भने स्ट्याक ओभरफ्लो हुन्छ।

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

यस अवस्थामा, stillBelieve कहिले पनि गलत हुन सक्दैन, त्यसैले प्रत्येक पटक 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
}

अनन्त लूपहरू र पुनरावृत्तिहरू डिबग गर्दै

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

माथिको उदाहरणमा, डिबगर प्रकार्य वा लुपको पहिलो रेखाको रूपमा थपिनुपर्छ। त्यसपछि तपाईंले क्रोममा डिबग ट्याब खोल्न आवश्यक छ, स्कोपमा चरहरू विश्लेषण गर्दै। अर्को बटन प्रयोग गरेर तपाइँ प्रत्येक पुनरावृत्तिमा तिनीहरूको परिवर्तनहरू ट्र्याक गर्न सक्नुहुन्छ। यो सबै गर्न सजिलो छ, र अधिकतर अवस्थामा समस्या पाइन्छ।

तपाईं यहाँ यो सबै बारे थप पढ्न सक्नुहुन्छ (Chrome को लागि) र यहाँ (फायरफक्सको लागि).

विन्यास त्रुटि

JavaScript मा सबै भन्दा साधारण त्रुटिहरु मध्ये एक SyntaxError हो। पाठ सम्पादक विस्तारहरूले तपाईंलाई तिनीहरूबाट बच्न मद्दत गर्नेछ। उदाहरणका लागि, कोष्ठक जोडी कलराइजरले कोडमा विभिन्न रङहरूसहित कोष्ठकहरू चिन्ह लगाउँदछ, र प्रिटियर वा समान विश्लेषण उपकरणले त्रुटिहरू छिटो फेला पार्न सम्भव बनाउँछ। SyntaxError को सम्भावना कम गर्ने उत्तम विकल्प न्यूनतम नेस्टिङ हो।

टिप्पणीहरूमा साझेदारी गर्नुहोस्: गल्तीहरू रोक्न वा चाँडै पत्ता लगाउन र तिनीहरूलाई हटाउन के गर्नुहुन्छ?

Skillbox सिफारिस गर्दछ:

• दुई वर्षे व्यावहारिक पाठ्यक्रम "म एक प्रो वेब विकासकर्ता हुँ".
• अनलाइन कोर्स "0 बाट C# विकासकर्ता".
• एक वर्षको व्यावहारिक पाठ्यक्रम "0 देखि PRO मा PHP विकासकर्ता".

स्रोत: www.habr.com