JavaScript Academy · Lektion

Stega igenom kod

Stega över, in i och ut ur funktioner.

Lektion 3 av 413 steg

Stega igenom kod är en gratis lektion i JavaScript Academy på CoddyKit. Detta är lektion 3 av 4. Du kan läsa vilka 3 lektioner som helst i den här lärvägen kostnadsfritt i sin helhet – därefter låser CoddyKit PRO upp alla lektioner, plus praktisk övning med en inbyggd kodredigerare och en AI-lärare dygnet runt. Den ingår i lärvägen för JavaScript Academy, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i JavaScript Academy innehåller totalt 4 lektioner.

Stega genom koden

När körningen har pausats vid en brytpunkt kan ni stega genom koden, en operation i taget, för att se hur tillståndet ändras rad för rad.

Återuppta

Knappen för att återuppta fortsätter den normala körningen till nästa brytpunkt eller tills programmet är klart. Använd den när ni har sett tillräckligt vid den aktuella pausen.

Stega över

Stega över kör den aktuella raden helt, inklusive alla funktioner som den anropar, och pausar sedan på nästa rad i samma funktion. Den anropade funktionen öppnas inte.

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

Stega in

Stega in går in i ett funktionsanrop på den aktuella raden och pausar vid funktionens första sats, så att ni kan felsöka inuti den.

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

Stega ut

Stega ut slutför den aktuella funktionen och pausar på raden direkt efter anropet som tog er in i den. Använd det när ni inte längre behöver granska funktionen.

Välj rätt stegningskommando

Stega över när en funktion är tillförlitlig, stega in för att undersöka den och stega ut när ni har bekräftat att den inre logiken fungerar.

Panelen Anropsstack

Medan ni stegar visar anropsstacken kedjan av funktionsanrop som ledde till den aktuella raden. Om ni klickar på en stackram hoppar ni till det sammanhanget.

Följ hur tillståndet ändras

När ni stegar uppdateras Scope- och Watch-panelerna, så att ni kan se exakt vilken rad som oväntat ändrar en variabel.

Stega i loopar

I en loop upprepas loopkroppen vid varje iteration när ni stegar. En villkorlig brytpunkt är ofta snabbare än att manuellt stega genom många iterationer.

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

Stega in i bibliotekskod

Stega in kan ta er till bibliotekets interna kod. DevTools har en funktion som ignorerar angivna skript, så att ni kan stanna i er egen kod.

Ett typiskt arbetsflöde

Ange en brytpunkt nära ett misstänkt fel och stega sedan rad för rad. Följ variablerna tills ni hittar var verkligheten avviker från förväntningarna.

Snabbtest

Testa era kunskaper om stegning.

Besvara frågan i den interaktiva lektionen

Sammanfattning

Sammanfattning: Stegning låter er gå igenom koden under kontrollerade former.

Stega över kör en rad utan att gå in i anrop
Stega in går in i en anropad funktion
Stega ut slutför den aktuella funktionen
Anropsstacken visar hur ni hamnade där

Gratis att börja

Lär dig JavaScript med en AI-lärare – gratis

Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.

Kurser: 59
Lektioner: 200

Börja lära dig gratis Visa hela kursen

Vanliga frågor

Är lektionen ”Stega igenom kod” gratis?

Ja – du kan läsa vilka 3 lektioner som helst i lärvägen JavaScript Academy, inklusive ”Stega igenom kod”, kostnadsfritt i sin helhet här på webben. Därefter låser CoddyKit PRO upp alla lektioner, plus interaktiv övning med en inbyggd kodredigerare och en AI-lärare dygnet runt. Kursen i JavaScript Academy innehåller totalt 4 lektioner.

Vad lär jag mig i ”Stega igenom kod”?

Stega över, in i och ut ur funktioner. Ni övar på JavaScript Academy med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.

Behöver jag någon erfarenhet för att börja lära mig JavaScript Academy?

Du behöver inga förkunskaper. Utbildningen i JavaScript Academy på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 3 av 4.

Hur lång tid tar lektionen ”Stega igenom kod”?

De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.

Kan jag skriva och köra kod i den här JavaScript Academy-lektionen?

Ja. Varje JavaScript Academy-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.

Alla lektioner i den här kursen

← Tillbaka till JavaScript Academy