Breakpoints i JavaScript

Generelt, under koding, utfører ikke programmet utdataene eller kan få et uventet resultat. Det er fordi programmet har feil, men ikke viser noen feilmeldinger eller hint om hvor du skal se etter feilene. Disse feilene kan være logiske feil. Breakpoints brukes til å feilsøke logiske feil og verifisere koden for å samsvare med det forventede utfallet. Derfor kan bruddpunktene brukes til å stoppe utførelsen av koden ved spesifikke brudd/stopppunkter, bekrefte utgangen til det punktet og deretter gå videre til neste stopppunkt.

Denne bloggen vil demonstrere breakpoints i JavaScript og bruken.

Hva er breakpoints i JavaScript?

Breakpoints er de mest grunnleggende feilsøkingsverktøyene i utviklerens verktøykasse. Det brukes til å indikere posisjonen der feil oppstår. Dette gjør at programmet kan utføre riktig til det når den betydelige kodeblokken der det kan oppstå en feil.

La oss se hvordan breakpoint fungerer.

Hvordan bruke breakpoints?

Følg de gitte trinnene for å bruke breakpoints og identifisere kodelinjen som feilen oppsto.

Trinn 1: Åpne feilsøkingen

Alle gjeldende nettlesere gir en JavaScript -feilsøking. Debugger -vinduet tillater innstilling av bruddpunkter i JavaScript -koden. Først åpner du feilsøkingsvinduet som heter “DevTools”. Høyreklikk på nettleseren og velg “Undersøke”Alternativ eller ved å bruke hurtigtasten”Ctrl+Shift+I”Eller du kan ganske enkelt trykke på“F12”Nøkkel:

Trinn 2: Open source -panel

Klikk på "Kilder”Panel, som hjelper oss med å feilsøke JavaScript. Den har tre hoveddeler, “Filnavigatoren”På venstre side av vinduet,”Kodeditorseksjonen”På høyre side av vinduet, og“Debugger -seksjon”Nederst til høyre i vinduet:

Trinn 3: Åpne JavaScript -filen

Fra "Filnavigatoren”Seksjon, klikk på“JS”-Filen, og den åpnes ved“Kodeditorseksjonen”På høyre side av vinduet:

Trinn 4: Angi bruddpunktene

Sett et bruddpunkt på en linje i “Kodeditorseksjonen”Ved å klikke på linjenummerkolonnen:

Vi har plassert et bruddpunkt på linje 6. Her vil koden slutte å løpe. I tillegg kan du angi flere linje-av-kode breakpoints:

I det gitte eksemplet vil vi bare sette breakpoints og kjøre koden for å se hvordan den fungerer. Etter å ha satt bruddpunktet, vil kodeutførelsen stoppe slik at vi kan inspisere verdiene.

Produksjon

Vi har dekket de grunnleggende instruksjonene relatert til breakpoints i JavaScript.

Konklusjon

Breakpoints er et av de mest grunnleggende feilsøkingsverktøyene i utviklerens verktøykasse. Det brukes til å finne plasseringen av den logiske feilen. Bare plasser et bruddpunkt når du vil at feilsøkingen skal stoppe den nåværende utførelsen. Åpne kildepanelet i DevTools og angi bruddpunktet på Code Editor -delen ved å klikke på linjenummerkolonnen. I denne bloggen demonstrerte vi breakpoints i JavaScript og hvordan du angir breakpoints for å feilsøke koden.