Stap voor stap door code gaan
Stap over, in en uit functies.
Stap voor stap door code gaan is een gratis JavaScript Academy-les op CoddyKit. Dit is les 3 van 4. Je kunt 3 lessen uit dit leerpad gratis volledig lezen — daarna ontgrendelt CoddyKit PRO alle lessen, plus praktische oefeningen met een ingebouwde code-editor en een AI-tutor die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject JavaScript Academy. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus JavaScript Academy bevat in totaal 4 lessen.
Stap voor stap door code gaan
Wanneer je bij een breakpoint bent gepauzeerd, stap je één bewerking tegelijk door de code om regel voor regel te zien hoe de toestand verandert.
Hervatten
Met de knop voor hervatten gaat de normale uitvoering door tot het volgende breakpoint of totdat het programma klaar is. Gebruik deze knop wanneer je bij de huidige pauze genoeg hebt gezien.
Stap over
Met stap over voer je de huidige regel volledig uit, inclusief elke functie die de regel aanroept. Daarna pauzeert de debugger op de volgende regel in dezelfde functie. De aangeroepen functie wordt niet geopend.
function helper() {
return 5
}
function main() {
const a = helper()
const b = a + 1
return b
}Stap in
Met stap in ga je een functieaanroep op de huidige regel binnen. De uitvoering pauzeert bij de eerste instructie, zodat je de functie van binnenuit kunt opsporen.
function helper() {
const x = 10
return x
}
function main() {
return helper()
}Stap uit
Met stap uit voltooi je de huidige functie. Daarna pauzeert de debugger op de regel direct na de aanroep waarmee je in de functie terechtkwam. Gebruik dit om een functie te verlaten die je niet meer hoeft te onderzoeken.
De juiste stapopdracht kiezen
Gebruik stap over wanneer je een functie vertrouwt, stap in om de functie te onderzoeken en stap uit zodra je hebt bevestigd dat de interne logica klopt.
Het aanroepstack-paneel
Tijdens het stap voor stap uitvoeren toont het aanroepstack-paneel de keten van functieaanroepen die naar de huidige regel heeft geleid. Als je op een frame klikt, ga je naar die context.
Veranderingen in de toestand volgen
Terwijl je stap voor stap verdergaat, worden de Scope- en Watch-panelen bijgewerkt. Zo zie je precies welke regel een variabele onverwacht wijzigt.
Stap voor stap door lussen gaan
Binnen een lus wordt de lusinhoud bij elke iteratie opnieuw stap voor stap uitgevoerd. Een voorwaardelijk breakpoint is vaak sneller dan handmatig door veel iteraties gaan.
function sumTo(n) {
let total = 0
for (let i = 1; i <= n; i++) {
total += i
}
return total
}Stap voor stap door bibliotheekcode gaan
Met stap in kun je in de interne code van een bibliotheek terechtkomen. DevTools biedt een functie om opgegeven scripts te negeren, zodat je in je eigen code blijft.
Een gebruikelijke werkwijze
Stel een breakpoint in bij een vermoedelijke fout en ga daarna regel voor regel verder. Bekijk de variabelen totdat je ontdekt waar de werkelijkheid afwijkt van de verwachting.
Korte controle
Test je kennis van stap voor stap uitvoeren.
Samenvatting
Samenvatting: Met stap voor stap uitvoeren ga je gecontroleerd door de code.
- Stap over voert een regel uit zonder aangeroepen functies binnen te gaan
- Stap in gaat een aangeroepen functie binnen
- Stap uit voltooit de huidige functie
- De aanroepstack toont hoe je op de huidige plek terechtkwam
Leer JavaScript met een AI-tutor — gratis
Schrijf echte code en voer die uit in je browser, krijg direct hulp van een AI-tutor die 24/7 beschikbaar is en ga verder waar je gebleven bent op het web of in de app.
- Cursussen
- 59
- Lessen
- 200
Veelgestelde vragen
Is de les “Stap voor stap door code gaan” gratis?
Ja — je kunt hier op het web alle 3 lessen van het leerpad JavaScript Academy, waaronder “Stap voor stap door code gaan”, gratis volledig lezen. Daarna ontgrendelt CoddyKit PRO alle lessen, plus interactieve oefeningen met een ingebouwde code-editor en een AI-tutor die 24/7 beschikbaar is. De cursus JavaScript Academy bevat in totaal 4 lessen.
Wat leer ik in “Stap voor stap door code gaan”?
Stap over, in en uit functies. Je oefent met JavaScript Academy door code rechtstreeks in de browser uit te voeren. Een AI-begeleider die 24/7 beschikbaar is beantwoordt je vragen terwijl je de les doorwerkt.
Heb ik ervaring nodig om met JavaScript Academy te beginnen?
Ervaring vooraf is niet nodig. JavaScript Academy op CoddyKit is opgebouwd voor beginners tot gevorderden, zodat je hier of bij het begin kunt starten en in je eigen tempo kunt leren. Dit is les 3 van 4.
Hoe lang duurt de les “Stap voor stap door code gaan”?
De meeste lessen van CoddyKit duren ongeveer 5–10 minuten. Elke les is kort en interactief, zodat je gestaag vooruitgaat en op het web en in de app precies verdergaat waar je was gebleven.
Kan ik code schrijven en uitvoeren in deze les over JavaScript Academy?
Ja. Elke les over JavaScript Academy bevat een ingebouwde code-editor, zodat je rechtstreeks in je browser echte code kunt schrijven en uitvoeren en direct feedback van AI krijgt — lokale installatie is niet nodig.
Alle lessen in deze cursus
- Meer dan console.log
- Breakpoints instellen
- Stap voor stap door code gaan
- Stacktraces lezen