JavaScript Academy · Oppitunti

Koodin suorittaminen vaiheittain

Siirtykää funktioiden yli, sisään ja ulos vaiheittain.

Oppitunti 3/413 vaihetta

Koodin suorittaminen vaiheittain on ilmainen JavaScript Academy-oppitunti CoddyKitissä. Tämä on oppitunti 3/4. Voit lukea tästä oppimispolusta kokonaan mitkä tahansa 3 oppituntia ilmaiseksi — sen jälkeen CoddyKit PRO avaa kaikki oppitunnit sekä käytännön harjoittelun sisäänrakennetulla koodieditorilla ja ympäri vuorokauden toimivalla tekoälytuutorilla. Oppitunti kuuluu JavaScript Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. JavaScript Academy-kurssilla on yhteensä 4 oppituntia.

Koodin suorittaminen vaiheittain

Kun suoritus on pysäytetty keskeytyskohtaan, voitte edetä vaiheittain yhden toiminnon kerrallaan ja seurata tilan muuttumista rivi riviltä.

Jatka suorittamista

Jatkamispainike jatkaa normaalia suoritusta seuraavaan keskeytyskohtaan asti tai ohjelman päättymiseen saakka. Käyttäkää sitä, kun olette nähneet nykyisessä pysäytyskohdassa riittävästi.

Step over

Step over suorittaa nykyisen rivin kokonaan, mukaan lukien kaikki sen kutsumat funktiot, ja pysähtyy sitten saman funktion seuraavalle riville. Kutsuttuun funktioon ei siirrytä.

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

Step into

Step into siirtyy nykyisellä rivillä olevaan funktiokutsuun ja pysähtyy sen ensimmäiselle lauseelle, jotta voitte etsiä virheitä funktion sisältä.

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

Step out

Step out suorittaa nykyisen funktion loppuun ja pysähtyy heti sen kutsun jälkeiselle riville, joka toi suorituksen kyseiseen funktioon. Käyttäkää sitä poistuaksenne funktiosta, jota ette enää tarvitse tutkia.

Vaiheittaisen suorituksen komennon valitseminen

Käyttäkää step over -komentoa, kun luotatte funktion toimintaan, step into -komentoa sen tutkimiseen ja step out -komentoa, kun olette varmistaneet sisäisen logiikan toimivuuden.

Kutsupinoruutu

Vaiheittaisen suorituksen aikana kutsupinoruutu näyttää nykyiselle riville johtaneiden funktiokutsujen ketjun. Kehystä napsauttamalla siirrytte kyseiseen kontekstiin.

Tilan muutosten seuraaminen

Kun etenette vaiheittain, Scope- ja Watch-ruudut päivittyvät. Näin näette täsmälleen, mikä rivi muuttaa muuttujaa odottamattomasti.

Vaiheittainen suoritus silmukoissa

Silmukan sisällä vaiheittainen suoritus toistaa rungon jokaisella iteraatiolla. Ehdollinen keskeytyskohta on usein nopeampi kuin lukuisten iteraatioiden manuaalinen läpikäynti.

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

Kirjastokoodiin siirtyminen

Step into voi siirtää suorituksen kirjaston sisäiseen koodiin. DevTools tarjoaa toiminnon, jolla luetellut skriptit voi ohittaa, jotta pysytte omassa koodissanne.

Tyypillinen työnkulku

Asettakaa keskeytyskohta epäillyn virheen lähelle ja edetkää sitten rivi riviltä seuraten muuttujia, kunnes löydätte kohdan, jossa todellisuus poikkeaa odotuksesta.

Pikatarkistus

Testatkaa vaiheittaista suoritusta koskevat tietonne.

Vastaa interaktiivisessa oppitunnissa

Kertaus

Kertaus: Vaiheittainen suoritus vie koodissa eteenpäin hallitusti.

Step over suorittaa rivin siirtymättä kutsuihin
Step into siirtyy kutsuttuun funktioon
Step out suorittaa nykyisen funktion loppuun
Kutsupino näyttää, miten nykyiseen kohtaan päädyttiin

Aloita maksutta

Opi JavaScript tekoälytuutorin avulla — ilmaiseksi

Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.

Kurssit: 59
Oppitunnit: 200

Aloita opiskelu maksutta Näytä koko kurssi

Usein kysytyt kysymykset

Onko oppitunti ”Koodin suorittaminen vaiheittain” ilmainen?

Kyllä — voit lukea täällä verkossa kokonaan ilmaiseksi mitkä tahansa JavaScript Academy-oppimispolun 3 oppituntia, myös oppitunnin “Koodin suorittaminen vaiheittain”. Sen jälkeen CoddyKit PRO avaa kaikki oppitunnit sekä interaktiiviset harjoitukset sisäänrakennetulla koodieditorilla ja ympäri vuorokauden toimivalla tekoälytuutorilla. JavaScript Academy-kurssilla on yhteensä 4 oppituntia.

Mitä opin oppitunnilla ”Koodin suorittaminen vaiheittain”?

Siirtykää funktioiden yli, sisään ja ulos vaiheittain. Harjoittelet JavaScript Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.

Tarvitsenko kokemusta aloittaakseni JavaScript Academy-opiskelun?

Aiempi kokemus ei ole tarpeen. CoddyKitin JavaScript Academy-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 3/4.

Kuinka kauan ”Koodin suorittaminen vaiheittain”-oppitunnin suorittaminen kestää?

Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.

Voinko kirjoittaa ja suorittaa koodia tällä JavaScript Academy-oppitunnilla?

Kyllä. Jokainen JavaScript Academy-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.

Kaikki tämän kurssin oppitunnit

← Takaisin: JavaScript Academy