JavaScript Hata Ayıklama

JavaScript kodlarında oluşan yazım kodlama hatalarını, mantık hatalarını takip etmek için kullanılan debugger ve hata ayıklama yöntemleri yer alıyor.

Kodların hatalarını hata ayıklama ile bulur ve düzeltiriz.

Kodlarda çeşitli sözdizimi hataları veya mantıksal hatalar olabilir ve bu hataların bulunması zor olabilir.

Kodlarda hata oluştuğunda herhangi bir hata mesajı veya hatanın nereden kaynaklandığına dair bir mesaj almazsınız.

Kodlardaki hataları aramak ve düzeltmek hata ayıklama olarak adlandırılır.

JavaScript hata ayıklama

JavaScript hatalarını ayıklamak kolay değildir.

Ancak tüm modern tarayıcılarda JavaScript hata ayıklayıcısı mevcuttur.

Tarayıcı hata ayıklayıcısını kullanarak her satıra kod izleme noktası (breakpoints) ekleyerek kod çalışması adım adım takip edilebilir.

console.log

Tarayıcınız hata ayıklamayı destekliyorsa hata ayıklama penceresinde işlem sonucunu göstermek için console.log fonksiyonu kullanılır.

<script>
  var a = 2;
  var b = 3;
  var c = a + b;
  console.log(c);
</script>

debugger

Hata ayıklama penceresinde kod izleme noktası ekleyerek kod çalışmasını adım adım takip edebiliriz.

Kodların her bir adımını oynat-sonraki düğmesi ile sonraki kod izleme noktasına geçebiliriz.

JavaScript debugger anahtar kelimesi ile kod izleme noktası eklenebilir.

Tarayıcıda hata ayıklama özelliği yoksa veya etkin değilse debugger anahtar kelimesi herhangi bir etki etmeyecektir.

Hata ayıklama penceresi açıksa, aşağıdaki kod dördüncü satıra geçmeden önce durur.

<script>
  var a = 2;
  var b = 3;
  debugger;
  var c = a + b;
  console.log(c);
</script>

Hata ayıklama penceresi

Tüm modern tarayıcılarda F12 klavye kısa yolu ile hata ayıklama penceresine ulaşabilirsiniz.

JavaScript Derslerine buradan ulaşabilirsiniz…

Hayırlı günler dilerim.