Keskeytyskohtien asettaminen
Pysäyttäkää suoritus ja tarkastelkaa tilaa.
Keskeytyskohtien asettaminen on ilmainen JavaScript Academy-oppitunti CoddyKitissä. Tämä on oppitunti 2/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.
Mikä on keskeytyskohta
Keskeytyskohta käskee debuggeriä pysäyttämään suorittamisen tietyllä rivillä. Pysäytettynä voitte tutkia muuttujia ja kutsupinoa ymmärtääksenne ohjelman tilan.
Miksi keskeytyskohdat ovat lokitusta parempia
Lokiviestien ripotteluun verrattuna keskeytyskohdat antavat tutkia kaikkia näkyvissä olevia muuttujia tietyllä hetkellä ilman koodin muuttamista. Lisäksi voitte jatkaa suorittamista tai edetä vaiheittain siitä kohdasta.
Sources-paneelin avaaminen
Selaimen DevTools-työkaluissa keskeytyskohdat sijaitsevat Sources-paneelissa. Avatkaa DevTools, siirtykää Sources-paneeliin ja etsikää skriptitiedosto tiedostopuusta.
Rivikohtaisen keskeytyskohdan asettaminen
Voitte asettaa keskeytyskohdan napsauttamalla lausekkeen vieressä olevaa rivinumerosaraketta. Näkyviin tulee merkki, ja suoritus pysähtyy juuri ennen kyseisen rivin suorittamista.
debugger-lause
debugger-lauseen lisääminen koodiin käynnistää ohjelmallisen keskeytyskohdan, kun DevTools on avoinna. Poistakaa se ennen tuotantokoodin julkaisemista.
function compute(x) {
const doubled = x * 2
// a debugger statement on the next line would pause execution here
return doubled + 1
}Ehdolliset keskeytyskohdat
Rivin napsauttaminen hiiren kakkospainikkeella antaa lisätä ehdon. Debuggeri pysähtyy vain, kun lausekkeen arvo on tosi, mikä on erityisen hyödyllistä silmukoissa.
Lokikohdat
Lokikohta tulostaa viestin pysäyttämättä ohjelmaa. Se vastaa tilapäistä lokiviestiä, jonka lisäätte DevToolsin kautta lähdekoodia muokkaamatta.
Muuttujien tutkiminen
Pysäytettynä Scope-ruutu näyttää paikalliset, sulkeuman sisäiset ja globaalit muuttujat nykyisine arvoineen, joten voitte tarkistaa oletuksenne.
Tarkkailulausekkeet
Watch-ruutu arvioi määrittämänne lausekkeet jokaisen pysäytyksen yhteydessä, joten voitte seurata laskettua arvoa edetessänne koodissa.
Keskeytyskohdat tapahtumissa
DevTools voi pysäyttää suorituksen myös tapahtumien, kuten napsautuksen tai verkkopyynnön, yhteydessä heti, kun tapahtuma laukeaa.
Keskeytyskohtien hallinta
Breakpoints-ruudussa näkyvät kaikki keskeytyskohtanne. Voitte poistaa ne tilapäisesti käytöstä valintaruudulla tai poistaa ne, kun virheenkorjaus on valmis.
Pikatarkistus
Testatkaa keskeytyskohtia koskevat tietonne.
Kertaus
Kertaus: Keskeytyskohdat pysäyttävät suorituksen tutkimista varten.
- Asettakaa ne Sources-paneelin rivinumerosarakkeessa
- debugger-lause pysäyttää suorituksen ohjelmallisesti
- Ehdolliset keskeytyskohdat pysäyttävät vain ehdon ollessa tosi
- Tutkikaa näkyvyysaluetta ja tarkkailulausekkeita ohjelman ollessa pysäytettynä
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
Usein kysytyt kysymykset
Onko oppitunti ”Keskeytyskohtien asettaminen” ilmainen?
Kyllä — voit lukea täällä verkossa kokonaan ilmaiseksi mitkä tahansa JavaScript Academy-oppimispolun 3 oppituntia, myös oppitunnin “Keskeytyskohtien asettaminen”. 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 ”Keskeytyskohtien asettaminen”?
Pysäyttäkää suoritus ja tarkastelkaa tilaa. 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 2/4.
Kuinka kauan ”Keskeytyskohtien asettaminen”-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
- console.login tuolle puolen
- Keskeytyskohtien asettaminen
- Koodin suorittaminen vaiheittain
- Pinotietojen lukeminen