Otklanjanje pogrešaka u JavaScriptu u pregledniku (s primjerima)

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.

Rad metode console.log () u pregledniku

console.log()Nije specifično za preglednike. Dostupan je i u drugim JavaScript mehanizmima.

2. Korištenje programa za ispravljanje pogrešaka

debuggerKljučna zaustavlja izvršavanje koda i poziva funkciju za ispravljanje pogrešaka.

debuggerJe 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.

Rad ispravljača programa u pregledniku

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.

Rad ispravljača programa u pregledniku

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.

Rad točaka prekida u pregledniku

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.

Zanimljivi članci...