JavaScript Academy · पाठ

कोड में चरण-दर-चरण आगे बढ़ना

फ़ंक्शन के ऊपर से, भीतर और बाहर चरण-दर-चरण आगे बढ़िए।

पाठ 3, कुल 4 में से13 चरण

कोड में चरण-दर-चरण आगे बढ़ना, CoddyKit पर JavaScript Academy का एक निःशुल्क पाठ है। यह 4 में से 3वाँ पाठ है। इस अध्ययन पथ के 3 तक कोई भी पाठ पूरा पढ़ना निःशुल्क है — इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ व्यावहारिक अभ्यास भी उपलब्ध कराता है। यह JavaScript Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। JavaScript Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

कोड में चरण-दर-चरण आगे बढ़ना

ब्रेकपॉइंट पर रुकने के बाद आप कोड में एक-एक चरण आगे बढ़ते हैं, ताकि यह देखा जा सके कि हर पंक्ति पर स्थिति कैसे बदलती है।

जारी रखना

जारी रखने वाला बटन सामान्य निष्पादन को अगले ब्रेकपॉइंट तक या प्रोग्राम पूरा होने तक चलाता है। वर्तमान विराम पर पर्याप्त जाँच कर लेने के बाद इसका उपयोग करें।

स्टेप ओवर

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

function helper() {
  return 5
}
function main() {
  const a = helper()
  const b = a + 1
  return b
}

स्टेप इनटू

स्टेप इनटू वर्तमान पंक्ति पर मौजूद फ़ंक्शन आह्वान के भीतर प्रवेश करता है और उसके पहले कथन पर रुकता है, ताकि आप उसके अंदर डिबग कर सकें।

function helper() {
  const x = 10
  return x
}
function main() {
  return helper()
}

स्टेप आउट

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

चरण कमांड चुनना

जब किसी फ़ंक्शन पर भरोसा हो तो स्टेप ओवर करें, उसकी जाँच करनी हो तो स्टेप इनटू करें और अंदर का तर्क सही होने की पुष्टि के बाद स्टेप आउट करें।

कॉल स्टैक पैनल

चरण-दर-चरण आगे बढ़ते समय कॉल स्टैक पैनल उन फ़ंक्शन आह्वानों की शृंखला दिखाता है जो वर्तमान पंक्ति तक लेकर आए। किसी फ़्रेम पर क्लिक करने से उस संदर्भ पर पहुँचा जा सकता है।

स्थिति में बदलाव देखना

आगे बढ़ने पर Scope और Watch पैनल अपडेट होते रहते हैं। इससे आप ठीक-ठीक देख सकते हैं कि कौन-सी पंक्ति किसी चर को अनपेक्षित रूप से बदलती है।

लूप में आगे बढ़ना

लूप के भीतर चरण-दर-चरण आगे बढ़ने पर हर पुनरावृत्ति में उसका मुख्य भाग दोबारा चलता है। कई पुनरावृत्तियों में मैन्युअल रूप से आगे बढ़ने की तुलना में सशर्त ब्रेकपॉइंट अक्सर तेज़ होता है।

function sumTo(n) {
  let total = 0
  for (let i = 1; i <= n; i++) {
    total += i
  }
  return total
}

लाइब्रेरी कोड में प्रवेश करना

स्टेप इनटू करने पर आप लाइब्रेरी के आंतरिक कोड में पहुँच सकते हैं। DevTools सूचीबद्ध स्क्रिप्ट को नज़रअंदाज़ करने की सुविधा देता है, ताकि आप अपने ही कोड में बने रहें।

सामान्य कार्यप्रवाह

संदिग्ध त्रुटि के पास ब्रेकपॉइंट लगाएँ, फिर पंक्ति-दर-पंक्ति आगे बढ़ते हुए चरों पर नज़र रखें, जब तक यह पता न चल जाए कि वास्तविक स्थिति अपेक्षा से कहाँ अलग हुई।

त्वरित जाँच

कोड में चरण-दर-चरण आगे बढ़ने से जुड़े अपने ज्ञान की जाँच करें।

इंटरैक्टिव पाठ में इसका उत्तर दें

पुनरावृत्ति

पुनरावृत्ति: चरण-दर-चरण आगे बढ़ना आपको कोड के निष्पादन पर नियंत्रण देता है।

स्टेप ओवर आह्वानों के भीतर जाए बिना पंक्ति चलाता है
स्टेप इनटू बुलाए गए फ़ंक्शन के भीतर प्रवेश करता है
स्टेप आउट वर्तमान फ़ंक्शन को पूरा करता है
कॉल स्टैक दिखाता है कि आप वर्तमान स्थान तक कैसे पहुँचे

शुरुआत निःशुल्क

एआई शिक्षक के साथ JavaScript सीखें — निःशुल्क

अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।

पाठ्यक्रम: 59
पाठ: 200

निःशुल्क सीखना शुरू करें पूरा पाठ्यक्रम देखें

अक्सर पूछे जाने वाले प्रश्न

क्या “कोड में चरण-दर-चरण आगे बढ़ना” पाठ निःशुल्क है?

हाँ — JavaScript Academy अध्ययन पथ के 3 तक कोई भी पाठ, जिसमें “कोड में चरण-दर-चरण आगे बढ़ना” भी शामिल है, यहाँ वेब पर पूरा पढ़ना निःशुल्क है। इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ इंटरैक्टिव अभ्यास भी उपलब्ध कराता है। JavaScript Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

“कोड में चरण-दर-चरण आगे बढ़ना” में मैं क्या सीखूँगा?

फ़ंक्शन के ऊपर से, भीतर और बाहर चरण-दर-चरण आगे बढ़िए। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ JavaScript Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या JavaScript Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर JavaScript Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 3वाँ पाठ है।

“कोड में चरण-दर-चरण आगे बढ़ना” पाठ पूरा करने में कितना समय लगता है?

CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।

क्या मैं इस JavaScript Academy पाठ में कोड लिख और चला सकता हूँ?

हाँ। हर JavaScript Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।

इस पाठ्यक्रम के सभी पाठ

← JavaScript Academy पर वापस जाएँ