JavaScript Academy · leksjon

Sette bruddpunkter

Sett kjøringen på pause og undersøk tilstanden.

Leksjon 2 av 413 trinn

Sette bruddpunkter er en gratis leksjon i JavaScript Academy på CoddyKit. Dette er leksjon 2 av 4. Du kan lese valgfritt 3 leksjoner fra denne læringsstien gratis i sin helhet – deretter låser CoddyKit PRO opp alle leksjoner, samt praktisk øving med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i JavaScript Academy, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i JavaScript Academy inneholder totalt 4 leksjoner.

Hva er et breakpoint

Et breakpoint ber debuggeren sette kjøringen på pause ved en bestemt linje. Mens programmet er satt på pause, kan du inspisere variabler og kallstakken for å forstå programtilstanden.

Hvorfor breakpoints er bedre enn logging

Sammenlignet med å spre loggmeldinger rundt i koden lar breakpoints deg undersøke alle variablene i det aktuelle omfanget på et bestemt tidspunkt uten å endre koden. Deretter kan du fortsette eller stege videre.

Åpne Sources-panelet

I nettleserens DevTools finner du breakpoints i Sources-panelet. Åpne DevTools, bytt til Sources, og finn skriptfilen din i filtret.

Sette et breakpoint på en linje

Klikk i margen ved siden av linjenummeret for å sette et breakpoint der. En markør vises, og kjøringen settes på pause når programmet skal begynne å kjøre den linjen.

debugger-setningen

Hvis du legger til en debugger-setning i koden, utløses et breakpoint programmatisk når DevTools er åpent. Den fjernes før produksjonskoden leveres.

function compute(x) {
  const doubled = x * 2
  // a debugger statement on the next line would pause execution here
  return doubled + 1
}

Betingede breakpoints

Hvis du høyreklikker på en linje, kan du legge til en betingelse. Debuggeren setter bare kjøringen på pause når uttrykket er sant, noe som er svært nyttig i løkker.

Logpoints

Et logpoint skriver ut en melding uten å sette kjøringen på pause. Det fungerer som en midlertidig loggmelding du legger til gjennom DevTools i stedet for å redigere kildekoden.

Inspisere variabler

Når kjøringen er satt på pause, viser Scope-panelet lokale variabler, closure-variabler og globale variabler med gjeldende verdier, slik at du kan kontrollere antakelsene dine.

Watch-uttrykk

Watch-panelet evaluerer uttrykk du definerer, hver gang kjøringen settes på pause. Dermed kan du følge en beregnet verdi mens du steger gjennom koden.

Breakpoints på hendelser

DevTools kan også sette kjøringen på pause ved hendelser, for eksempel et klikk eller en nettverksforespørsel, akkurat idet hendelsen utløses.

Administrere breakpoints

Breakpoints-panelet viser alle breakpointene dine. Du kan deaktivere dem midlertidig med en avkrysningsboks eller fjerne dem når du er ferdig med feilsøkingen.

Kort test

Test kunnskapene dine om breakpoints.

Besvar den i den interaktive leksjonen

Oppsummering

Oppsummering: Breakpoints setter kjøringen på pause for inspeksjon.

Sett dem i margen i Sources-panelet
debugger-setningen setter programmet på pause programmatisk
Betingede breakpoints setter bare kjøringen på pause når betingelsen er sann
Inspiser scope og Watch-uttrykk mens kjøringen er satt på pause

Gratis å komme i gang

Lær deg JavaScript med en AI-veileder – gratis

Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.

Kurs: 59
Leksjoner: 200

Start læringen gratis Se hele kurset

Ofte stilte spørsmål

Er leksjonen «Sette bruddpunkter» gratis?

Ja – du kan lese valgfritt 3 av leksjonene i læringsstien JavaScript Academy, inkludert «Sette bruddpunkter», gratis i sin helhet her på nettet. Deretter låser CoddyKit PRO opp alle leksjoner, samt interaktiv øving med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Kurset i JavaScript Academy inneholder totalt 4 leksjoner.

Hva lærer jeg i «Sette bruddpunkter»?

Sett kjøringen på pause og undersøk tilstanden. Du øver på JavaScript Academy med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.

Trenger jeg erfaring for å begynne med JavaScript Academy?

Ingen tidligere erfaring er nødvendig. JavaScript Academy på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 2 av 4.

Hvor lang tid tar leksjonen «Sette bruddpunkter»?

De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.

Kan jeg skrive og kjøre kode i denne JavaScript Academy-leksjonen?

Ja. Alle JavaScript Academy-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.

Alle leksjonene i dette kurset

← Tilbake til JavaScript Academy