V tej vadnici boste s pomočjo primerov izvedeli več o odpravljanju napak v JavaScript.
Med pisanjem programov lahko naletite in se boste srečali z njimi. Napake niso nujno slabe. Pravzaprav nam največkrat pomagajo prepoznati težave z našo kodo. Nujno morate vedeti, kako odpraviti napake v svoji kodi in odpraviti napake.
Odpravljanje napak je postopek pregleda programa, iskanja napake in odpravljanja.
Program JavaScript lahko odpravite na različne načine.
1. Uporaba console.log ()
console.log()Način lahko uporabite za odpravljanje napak kode. V console.log()metodo lahko prenesete vrednost, ki jo želite preveriti, in preverite, ali so podatki pravilni.
Sintaksa je:
console.log(object/message);
Predmet lahko prenesete v console.log()niz sporočila ali preprosto.
V prejšnji vadnici smo uporabili console.log()metodo za tiskanje rezultatov. Vendar pa lahko to metodo uporabite tudi za odpravljanje napak. Na primer
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 )
Uporaba console.log()metode v brskalniku odpre vrednost v oknu razhroščevalnika.
Delovanje metode console.log () v brskalniku
To console.log()ni specifično za brskalnike. Na voljo je tudi v drugih motorjih JavaScript.
2. Uporaba razhroščevalnika
Ključna debuggerbeseda ustavi izvajanje kode in pokliče funkcijo za odpravljanje napak.
Na debuggervoljo je v skoraj vseh motorjih JavaScript.
Poglejmo primer,
let a = 6; let b = 9; let c = a * b; // stops the execution debugger; console.log(c);
Poglejmo, kako lahko uporabljate razhroščevalnik v brskalniku Chrome.
Delovanje razhroščevalnika v brskalniku
Zgornji program zaustavi izvajanje programa v vrstici, ki vsebuje debugger.
Nato lahko po preučitvi programa nadaljujete nadzor pretoka.
Preostala koda se izvede, ko nadaljujete z izvajanjem skripta s pritiskom na play v konzoli.
Delovanje razhroščevalnika v brskalniku
3. Nastavitev mejnih vrednosti
Točke prekinitve za kodo JavaScript lahko nastavite v oknu razhroščevalnika.
JavaScript se bo ustavil pri vsaki prekinitveni točki in vam bo omogočil pregled vrednosti. Nato lahko nadaljujete z izvajanjem kode.
Poglejmo primer, tako da v brskalniku Chrome nastavimo mejno točko.
Delovanje mejnih točk v brskalniku
Z orodjem za razvijalce lahko kjer koli v kodi nastavite mejne vrednosti.
Nastavitev prekinitvenih točk je podobno kot razhroščevanje v kodo. Tu nastavite mejne točke tako, da kliknete številko vrstice izvorne kode, namesto da ročno prikličete funkcijo razhroščevalnika.
Pri zgornjih metodah smo z brskalnikom Chrome za enostavnost prikazali postopke odpravljanja napak. Vendar to ni vaša edina možnost.
Vsi dobri IDE nudijo način za razhroščevanje kode. Postopek odpravljanja napak je lahko nekoliko drugačen, vendar je koncept odpravljanja napak enak.
