I denne veiledningen vil du lære om feilsøking i JavaScript ved hjelp av eksempler.
Du kan og vil støte på feil mens du skriver programmer. Feil er ikke nødvendigvis dårlige. Faktisk hjelper de oss mest med å identifisere problemer med koden vår. Det er viktig at du vet hvordan du feilsøker koden din og retter feil.
Feilsøking er prosessen med å undersøke programmet, finne feilen og fikse den.
Det er forskjellige måter du kan feilsøke JavaScript-programmet ditt på.
1. Bruke console.log ()
Du kan bruke console.log()metoden til å feilsøke koden. Du kan sende verdien du vil sjekke inn i console.log()metoden og kontrollere om dataene er riktige.
Syntaksen er:
console.log(object/message);
Du kan sende objektet inn console.log()eller bare en meldingsstreng.
I forrige opplæring brukte vi console.log()metode for å skrive ut utdata. Du kan imidlertid også bruke denne metoden for feilsøking. For eksempel,
let a = 5; let b = 'asdf'; let c = a + b; // if you want to see the value of c console.log(c); // then do other operations if(c) ( // do something )
Ved å bruke console.log()metode i nettleseren åpnes verdien i feilsøkingsvinduet.
Arbeider med console.log () -metoden i nettleseren
Dette console.log()er ikke spesifikt for nettlesere. Den er også tilgjengelig i andre JavaScript-motorer.
2. Bruke feilsøkingsprogram
Den debuggersøkeord stopper henrettelsen av koden og kaller debugging funksjon.
Den debuggerer tilgjengelig i nesten alle JavaScript-motorer.
La oss se et eksempel,
let a = 6; let b = 9; let c = a * b; // stops the execution debugger; console.log(c);
La oss se hvordan du kan bruke feilsøkingsprogrammet i en Chrome-nettleser.
Arbeid med feilsøking i nettleseren
Ovennevnte program stopper gjennomføringen av programmet på linjen som inneholder debugger.
Du kan deretter gjenoppta strømningskontrollen etter å ha undersøkt programmet.
Resten av koden kjøres når du gjenopptar skriptet ved å trykke på play i konsollen.
Arbeid med feilsøking i nettleseren
3. Sette brytepunkter
Du kan angi brytepunkter for JavaScript-kode i feilsøkingsvinduet.
JavaScript stopper kjøringen ved hvert brytpunkt og lar deg undersøke verdiene. Deretter kan du gjenoppta kjøringen av koden.
La oss se et eksempel ved å sette et bruddpunkt i Chrome-nettleseren.
Arbeid av brytepunkter i nettleseren
Du kan angi brytepunkter gjennom utviklerverktøyet hvor som helst i koden.
Å sette brytepunkter ligner på å sette en feilsøkingsprogram i koden. Her angir du bare brytepunkter ved å klikke på linjenummeret til kildekoden i stedet for manuelt å ringe feilsøkingsfunksjonen.
I metodene ovenfor har vi brukt Chrome-nettleseren til å vise feilsøkingsprosessene for enkelhets skyld. Det er imidlertid ikke ditt eneste alternativ.
Alle gode IDEer gir deg en måte å feilsøke koden på. Feilsøkingsprosessen kan være litt annerledes, men konseptet bak feilsøking er det samme.
