JavaScript razhroščevanje (Debugging)

JavaScript koda lahko vsebuje sintaktične ali sematične napake, ki jih je težko diagnosticirati. Napake je težko odkriti, saj navadno ni nobenih sporočil napak in namigov, kje se napake nahajajo.

JavaScript razhroščevalniki

Iskanje in odpravljanje napak v programski kodi imenujemo razhroščevanje (angl. Debugging). Razhroščevanje programske kode JavaScript ni preprosto, na srečo pa ima večina modernih brskalnikov vgrajen razhroščevalnik, ki ga lahko vključimo ali izljučimo.

Metoda console.log()

V primeru, da brskalnik podpira razhroščevanje, lahko za prikaz vrednosti spremenljivk JavaScript v oknu razhroščevalnika uporabimo metodo console.log().

<p>Preprost izračun:</p>
<p id="primer"></p>
<script> 
   x = 10; 
   y = 20; 
   z = x + y; 
   console.log(z);
   document.getElementById("primer").innerHTML = "Vrednost spremenljivke z je " + z; 
</script>

Nastavitev prekinitvene točke

V oknu razhroščevalnika lahko nastavimo tudi prekinitvene točke, kjer se ustavi izvajanje programske kode in lahko preučimo vrednosti spremenljivk.

Izvajanje kode nadaljujemo s pritiskom na tipko Play (običajno v večini brskalnikov).

Rezervirana beseda debugger

Rezervirana beseda debugger ustavi izvajanje JavaScripta in pokliče razhroščevalno funkcijo, če je le ta na voljo. debugger ima enako funkcijo, kot prekinitvene točke v razhroščevalniku. Če razhroščevalnik ni na voljo, rezervirana beseda debugger nima nobenega pomena.

<p>Primer uporabe rezervirane besede debugger:</p>
<p id="primer"></p>
<script> 
   x = 10; 
   y = 20; 
   z = x + y; 
   debugger;
   document.getElementById("primer").innerHTML = "Vrednost spremenljivke z je " + z; 
</script>

Če je razhroščevalnik na voljo, se bo ta koda ustavila preden se bo izvedla četrta vrstica kode.