Javascript Hata Ayıklama

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

Kodda Hata Yakalama

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.

Javascript Hata Ayıklayıcıları (Debuggers)

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.

console.log() Metodu

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.

<!DOCTYPE html>
<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.

Kırılım Noktalarını Ayarlama

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

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.

YAZAR HAKKINDA

26 Yaşında. Araştırmayı seven, bir şeyler öğretmeye meraklı bir Bilgisayar Mühendisi

0 YORUM

Bu konuya henüz yorum yapılmamış

Yorum Yap

@COPYRIGHT KodlamakLazım Tüm Hakları Saklıdır.