U ovom ćete tutorijalu uz primjere naučiti o otklanjanju pogrešaka u JavaScriptu.
Tijekom pisanja programa možete i naići ćete na pogreške. Pogreške nisu nužno loše. Zapravo, najčešće nam pomažu u prepoznavanju problema s našim kodom. Bitno je da znate otkloniti pogreške u kodu i ispraviti pogreške.
Otklanjanje pogrešaka postupak je ispitivanja programa, pronalaženja pogreške i ispravljanja.
Postoje različiti načini na koje možete ispraviti pogreške u svom JavaScript programu.
1. Korištenje console.log ()
console.log()
Metodu možete koristiti za otklanjanje pogrešaka u kodu. Vrijednost koju želite provjeriti možete prenijeti u console.log()
metodu i provjeriti jesu li podaci točni.
Sintaksa je:
console.log(object/message);
Možete predati objekt u console.log()
ili jednostavno niz poruke.
U prethodnom uputstvu koristili smo console.log()
metodu za ispis rezultata. Međutim, ovu metodu možete koristiti i za otklanjanje pogrešaka. Na primjer,
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 )
Korištenje console.log()
metode u pregledniku otvara vrijednost u prozoru za ispravljanje pogrešaka.
![](https://cdn.wiki-base.com/9595141/debugging_javascript_in_browser_with_examples.png.webp)
console.log()
Nije specifično za preglednike. Dostupan je i u drugim JavaScript mehanizmima.
2. Korištenje programa za ispravljanje pogrešaka
debugger
Ključna zaustavlja izvršavanje koda i poziva funkciju za ispravljanje pogrešaka.
debugger
Je dostupan u gotovo svim JavaScript motora.
Pogledajmo primjer,
let a = 6; let b = 9; let c = a * b; // stops the execution debugger; console.log(c);
Pogledajmo kako možete koristiti program za ispravljanje pogrešaka u pregledniku Chrome.
![](https://cdn.wiki-base.com/9595141/debugging_javascript_in_browser_with_examples_2.png.webp)
Gornji program zaustavlja izvršavanje programa u retku koji sadrži debugger
.
Zatim možete nastaviti kontrolu protoka nakon ispitivanja programa.
Ostatak koda izvršit će se kada nastavite skriptu pritiskom na play na konzoli.
![](https://cdn.wiki-base.com/9595141/debugging_javascript_in_browser_with_examples_3.png.webp)
3. Postavljanje točaka prijelaza
U prozoru za otklanjanje pogrešaka možete postaviti točke prekida za JavaScript kôd.
JavaScript će se prestati izvršavati na svakoj točki prekida i omogućuje vam provjeru vrijednosti. Zatim možete nastaviti s izvršavanjem koda.
Pogledajmo primjer postavljanjem točke prekida u pregledniku Chrome.
![](https://cdn.wiki-base.com/9595141/debugging_javascript_in_browser_with_examples_4.png.webp)
Točke prekida možete postaviti putem alata za programere bilo gdje u kodu.
Postavljanje točaka prekida slično je stavljanju ispravljača programa u kôd. Ovdje samo postavljate točke prekida klikom na broj retka izvornog koda, umjesto da ručno pozivate funkciju otklanjanja pogrešaka.
U gornjim metodama koristili smo preglednik Chrome da bismo radi jednostavnosti prikazali postupke otklanjanja pogrešaka. Međutim, to nije jedina opcija.
Svi dobri IDE-ovi pružaju način za otklanjanje pogrešaka u kodu. Proces otklanjanja pogrešaka može biti malo drugačiji, ali koncept otklanjanja pogrešaka je isti.