JavaScript’te Hata Yakalama ve Debugging

JavaScript’te Hatalar Nedir?

Hatalar (errors), bir JavaScript kodu çalıştırıldığında beklenmeyen bir durum oluştuğunda meydana gelir. Bu hatalar kullanıcı deneyimini olumsuz etkileyebilir, uygulamanın durmasına neden olabilir.

JavaScript’te 3 ana hata türü vardır:

1. SyntaxError – Yazım hataları (örneğin eksik parantez)
2. ReferenceError – Tanımsız değişkenlere erişim
3. TypeError – Yanlış türde işlem yapılması

try…catch Bloğu ile Hata Yakalama

JavaScript’te hataları kontrol altına almak için try...catch bloğu kullanılır.

try {
  // Hatalı olabilecek kod
  let sonuc = sayi * 2;
  console.log(sonuc);
} catch (hata) {
  // Hata durumunda çalışır
  console.error("Bir hata oluştu:", hata.message);
}

💡 Açıklama: try bloğunda hata olursa, catch bloğu devreye girer. Bu sayede uygulama durmaz, hata kontrol edilir.

finally Bloğu (Opsiyonel)

Her durumda çalıştırılmak istenen kodlar finally bloğuna yazılır:

try {
  // kodlar
} catch (hata) {
  // hata yakalama
} finally {
  console.log("Bu kod her zaman çalışır.");
}

throw ile Özel Hata Fırlatma

Kendi belirlediğiniz hataları oluşturabilirsiniz:

let yas = -5;

if (yas < 0) {
  throw new Error("Yaş negatif olamaz!");
}

✅ Bu teknik, formlarda veya API işlemlerinde özel hata mesajları vermek için kullanılır.

console.log() ile Hata Takibi

Debugging’in en temel aracı console.log() kullanımıdır:

let x = 5;
console.log("x değeri:", x);

Diğer console fonksiyonları:

• console.error() → Hataları kırmızı olarak gösterir
• console.warn() → Uyarılar
• console.table() → Objeleri tablo halinde gösterir
• console.trace() → Fonksiyon çağrı izini verir

Tarayıcı Geliştirici Araçları ile Debugging

Modern tarayıcılar (Chrome, Firefox, Edge) JavaScript hatalarını tespit etmek için güçlü Geliştirici Araçları (DevTools) sunar.

Chrome’da Debugging Adımları:

1. Sayfayı aç → Sağ tık → “İncele” → “Console” sekmesini aç
2. Hataları doğrudan kırmızı uyarı olarak gör
3. “Sources” sekmesinden dosyanı bul
4. Satır numarasına tıklayarak Breakpoint (durdurma noktası) koy
5. Kod adım adım çalışırken değişken değerlerini izle

🔍 İpucu: Kod adımlarını “Step Over”, “Step Into”, “Step Out” gibi seçeneklerle ayrıntılı izleyebilirsin.

Hata Ayıklamada Sık Yapılan Hatalar

• Hata mesajını okumadan kodu düzeltmeye çalışmak
• console.log kullanmamak
• try-catch içinde async kodları yönetmemek
• Referans hatalarını gözden kaçırmak

🎯 Sonuç

JavaScript projelerinde hata olması kaçınılmazdır, ama bu hataları doğru araçlarla analiz edip düzeltmek mümkündür. try-catch, throw, console komutları ve tarayıcı geliştirici araçları ile kodunuzu daha güvenilir ve sürdürülebilir hale getirebilirsiniz. Hata ayıklama becerisi, bir geliştiricinin en değerli yetkinliklerinden biridir.