Angivelse af breakpoints
Sæt programkørslen på pause, og undersøg state.
Angivelse af breakpoints er en gratis JavaScript Academy-lektion på CoddyKit. Dette er lektion 2 af 4. Du kan læse alle 3 lektioner i dette læringsspor gratis i deres fulde længde — derefter låser CoddyKit PRO alle lektioner op samt praktiske øvelser med en indbygget kodeeditor og en AI-underviser døgnet rundt. Den er en del af læringsforløbet i JavaScript Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. JavaScript Academy-kurset indeholder 4 lektioner i alt.
Hvad er et stoppunkt
Et stoppunkt fortæller debuggeren, at kørslen skal sættes på pause ved en bestemt linje. Mens programmet er sat på pause, kan du undersøge variabler og kaldestakken for at forstå programmets tilstand.
Hvorfor stoppunkter er bedre end logning
Sammenlignet med at sprede logmeddelelser ud over koden lader stoppunkter dig undersøge alle variabler i det aktuelle virkeområde på et bestemt tidspunkt uden at ændre koden. Derefter kan du fortsætte eller gå trinvis videre.
Åbning af Kilder-panelet
I browserens DevTools findes stoppunkterne i Kilder-panelet. Åbn DevTools, skift til Kilder, og find din scriptfil i filtræet.
Angivelse af et linjestoppunkt
Klik på linjenummermargenen ud for en sætning for at angive et stoppunkt dér. Der vises en markør, og kørslen sættes på pause, lige før linjen skal køres.
debugger-sætningen
Hvis du tilføjer en debugger-sætning i din kode, udløser den et stoppunkt programmatisk, når DevTools er åben. Fjern den, før du leverer produktionskode.
function compute(x) {
const doubled = x * 2
// a debugger statement on the next line would pause execution here
return doubled + 1
}Betingede stoppunkter
Hvis du højreklikker på en linje, kan du tilføje en betingelse. Debuggeren sætter kun kørslen på pause, når udtrykket er sandt, hvilket er uvurderligt i løkker.
Logpunkter
Et logpunkt udskriver en meddelelse uden at sætte kørslen på pause. Det fungerer som en midlertidig logmeddelelse, du tilføjer via DevTools i stedet for at redigere kildekoden.
Inspektion af variabler
Når programmet er sat på pause, viser Virkeområde-ruden lokale variabler, lukningsvariabler og globale variabler med deres aktuelle værdier, så du kan kontrollere dine antagelser.
Overvågningsudtryk
Overvågningsruden evaluerer de udtryk, du angiver, ved hver pause, så du kan følge en beregnet værdi, mens du går trinvist gennem koden.
Stoppunkter ved hændelser
DevTools kan også sætte kørslen på pause ved hændelser, f.eks. et klik eller en netværksanmodning, så snart hændelsen udløses.
Håndtering af stoppunkter
Ruden Stoppunkter viser alle dine stoppunkter. Du kan deaktivere dem midlertidigt med et afkrydsningsfelt eller fjerne dem, når du er færdig med fejlfindingen.
Hurtig kontrol
Test din viden om stoppunkter.
Opsummering
Opsummering: Stoppunkter sætter kørslen på pause, så du kan undersøge den.
- Angiv dem i margen i Kilder-panelet
- debugger-sætningen sætter programmatisk kørslen på pause
- Betingede stoppunkter sætter kun kørslen på pause, når betingelsen er sand
- Undersøg virkeområdet, og overvåg udtryk, mens programmet er sat på pause
Lær JavaScript med en AI-underviser — gratis
Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.
- Kurser
- 59
- Lektioner
- 200
Ofte stillede spørgsmål
Er lektionen “Angivelse af breakpoints” gratis?
Ja — alle 3 lektioner i læringssporet JavaScript Academy, inklusive “Angivelse af breakpoints”, kan læses gratis i deres fulde længde her på webstedet. Derefter låser CoddyKit PRO alle lektioner op samt interaktive øvelser med en indbygget kodeeditor og en AI-underviser døgnet rundt. JavaScript Academy-kurset indeholder 4 lektioner i alt.
Hvad lærer jeg i “Angivelse af breakpoints”?
Sæt programkørslen på pause, og undersøg state. Du øver dig i JavaScript Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.
Skal jeg have erfaring for at begynde på JavaScript Academy?
Der kræves ingen tidligere erfaring. JavaScript Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 2 af 4.
Hvor lang tid tager lektionen “Angivelse af breakpoints”?
De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.
Kan jeg skrive og køre kode i denne JavaScript Academy-lektion?
Ja. Alle JavaScript Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.
Alle lektioner i dette kursus
- Mere end console.log
- Angivelse af breakpoints
- Gennemgang af kode trin for trin
- Læsning af stack traces