Gennemgang af kode trin for trin
Gå over, ind i og ud af funktioner trin for trin.
Gennemgang af kode trin for trin er en gratis JavaScript Academy-lektion på CoddyKit. Dette er lektion 3 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.
Gennemgang af kode trin for trin
Når programmet er sat på pause ved et stoppunkt, kan du gå trinvist gennem koden, én handling ad gangen, for at se, hvordan tilstanden ændrer sig linje for linje.
Fortsæt
Knappen Fortsæt genoptager den normale kørsel indtil det næste stoppunkt, eller indtil programmet er færdigt. Brug den, når du har set nok ved den aktuelle pause.
Træd over
Træd over kører den aktuelle linje helt, inklusive eventuelle funktioner, den kalder, og sætter derefter programmet på pause på den næste linje i den samme funktion. Du går ikke ind i den kaldte funktion.
function helper() {
return 5
}
function main() {
const a = helper()
const b = a + 1
return b
}Træd ind
Træd ind går ind i et funktionskald på den aktuelle linje og sætter programmet på pause ved den første sætning, så du kan fejlfinde inde i funktionen.
function helper() {
const x = 10
return x
}
function main() {
return helper()
}Træd ud
Træd ud færdiggør den aktuelle funktion og sætter programmet på pause på linjen lige efter det kald, der førte dig ind i funktionen. Brug den til at forlade en funktion, du ikke længere har brug for at undersøge.
Valg af trin-kommando
Træd over, når du stoler på en funktion, træd ind for at undersøge den, og træd ud, når du har bekræftet, at den indre logik er i orden.
Ruden Kaldestak
Mens du går trinvist gennem koden, viser ruden Kaldestak kæden af funktionskald, der førte til den aktuelle linje. Klik på en ramme for at springe til den pågældende kontekst.
Overvågning af tilstandsændringer
Mens du går trinvist gennem koden, opdateres ruderne Virkeområde og Overvågning, så du præcist kan se, hvilken linje der uventet ændrer en variabel.
Trinvis gennemgang af løkker
Inde i en løkke gentages løkkens krop for hver gennemløb. Et betinget stoppunkt er ofte hurtigere end manuelt at gå trinvist gennem mange gennemløb.
function sumTo(n) {
let total = 0
for (let i = 1; i <= n; i++) {
total += i
}
return total
}Trinvis gennemgang af bibliotekskode
Hvis du træder ind, kan du ende inde i et biblioteks interne kode. DevTools har en funktion, der ignorerer angivne scripts, så du kan blive i din egen kode.
En typisk arbejdsgang
Angiv et stoppunkt nær en formodet fejl, og gå derefter linje for linje gennem koden, mens du holder øje med variablerne, indtil du finder det sted, hvor virkeligheden afviger fra forventningen.
Hurtig kontrol
Test din viden om trinvis gennemgang.
Opsummering
Opsummering: Trinvis gennemgang lader dig styre bevægelsen gennem koden.
- Træd over for at køre en linje uden at gå ind i kald
- Træd ind for at gå ind i en kaldt funktion
- Træd ud for at færdiggøre den aktuelle funktion
- Kaldestakken viser, hvordan du nåede frem
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 “Gennemgang af kode trin for trin” gratis?
Ja — alle 3 lektioner i læringssporet JavaScript Academy, inklusive “Gennemgang af kode trin for trin”, 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 “Gennemgang af kode trin for trin”?
Gå over, ind i og ud af funktioner trin for trin. 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 3 af 4.
Hvor lang tid tager lektionen “Gennemgang af kode trin for trin”?
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