Merhaba arkadaşlar . Bu yazımızda Javascript ile hata ayıklama konusunu ele alacağız.
Kod yazarken hata yapmamız muhtemeldir hatta bir söz vardır ;
"Hatasız kod olmaz."
Yazdığımız kodlar söz dizimi hatası, yazım hatası ya da mantıksal hatalar içeriyor olabilir. Bu hataların çoğunu görmek zor olabilir. Genellikle kodumuz hata verdiğinde hiçbir şey olmaz. Hata mesajı yoktur ve nerede hata arayacağınıza dair hiçbir bilgi alamazsınız.
Programlama dilinde hataların bulunması ve ayıklanması DEBUG yani hata ayıklama olarak adlandırılır.
Hata ayıklamak kolay bir iş değildir. Bir yazılımcının gününün çoğu hata ayıklayarak geçer. Eğer javascript yazıyorsanız biraz daha şanslısınız. Çünkü tüm modern tarayıcılarda Javascript dili için hata ayıklayıcı bulunur.
Yerleşik olarak bulunan hata ayıklayıcılar , hataları kullanıcıya bildirmek için kullanılabilirler. Hata ayıklayıcılar sayesinde kodu belli yerlerde durdurup hataları veya uyarıları inceleyebiliriz.
Program çalışırken F12'ye basarak ya da sağ tık incele deyip oradaki menülerden console tabına basarsanız kodun çalışma sırasında verdiği hataları inceleyebilirsiniz.
Yukarıda dediğimiz gibi eğer tarayıcımız hata ayıklamayı destekliyorsa, konsol ekranından hataları görebilir ya da bazı işlemlerin sonuçlarına bakabiliriz.
<html> <body> <h1>Kodlamaklazım</h1> <script> a = 5; b = 6; c = a + b; console.log(c); </script> </body> </html>
Yukarıdaki kod çalıştığında ekranda aşağıdaki gibi bir ekran çıkacaktır.
Hata ayıklayıcı ile javascript kodlarında kırılım noktaları ayarlayabiliriz. Her kırılım noktasında javascript çalışmayı durdurur ve değerleri incelemenize olanak sağlar.
Değerleri inceledikten sonra kodun yürütülmesine devam edebilirsiniz.
Debugger anahtar kelimesi kodun çalışmasını durdurur ve varsa hata ayıklama işlevini çalıştırır.
Ve temel kullanımı şu şekildedir.
<script> var x = 15 * 5; debugger; document.getElementById("demo").innerHTML = x; </script>
Tarayıcılarda f12 tuşuna basarak ya da sağ tıklayıp incele diyerek hata yakalama ekranına ulaşabilirsiniz.