CodeBlanks Logo Icon CodeBlanks

console.warn ve console.error

JavaScript kursu · Başlangıç · Ders 112/133

Uyarı ve hata mesajları için warn ve error metotlarını öğrenirsin.

console.warn ve console.error

console.warn ve console.error farklı ciddiyet seviyelerini belirtir. warn dikkat gerektiren ama kırıcı olmayan durumlar, error ise gerçek hatalar içindir.

Tarayıcı geliştirici araçlarında warn sarı, error kırmızı renkte görünür ve error genellikle bir yığın izi (stack trace) gösterir. Bu sayede hatanın nereden geldiğini hızlıca bulursun.

Yığın izi ve fark

console.error çağrıldığında genellikle bir yığın izi (stack trace) gösterir. Bu iz, hatanın hangi fonksiyondan, hangi satırdan geldiğini listeler. Hata ayıklarken bu bilgi çok değerlidir.

console.warn ise yalnızca sarı uyarı verir; yığın izi göstermeyebilir. Bu yüzden kritik sorunlar için error tercih edilir. Uygulamayı durdurmak istiyorsan throw kullanılır; console.error yalnızca mesajı yazar.

Uygulama Uyarı ve hata fonksiyonları

showWarning adında bir fonksiyon tanımla. message parametresi alsın ve gövdede console.warn(message) çağrısı yapsın. Aynı şekilde showError fonksiyonunu console.error(message) ile tanımla. Sonra showWarning("Düşük bütçe") ve showError("Bütçe aşıldı") çağrılarını yap.

Örnek çözümü göster
function showWarning(message) {
  console.warn(message);
}

function showError(message) {
  console.error(message);
}

showWarning("Düşük bütçe");
showError("Bütçe aşıldı");

Kendini test et

  1. Hangi durumda console.error kullanmak en uygunudur?

    • Bir değişkenin değerini hızlıca görmek istediğinde
    • Bir diziyi tablo halinde göstermek istediğinde
    • Kullanıcıya bilgilendirici bir mesaj göstermek istediğinde
    • Kırıcı bir hata oluştuğunda ve yığın izini görmek istediğinde
    Cevabı göster

    Kırıcı bir hata oluştuğunda ve yığın izini görmek istediğinde — Doğru. error, kırıcı hatalar için kullanılır ve yığın izi gösterir.

  2. Hata metodunu ekle

    const errorMessage = "Bütçe aşıldı";
    console.____(errorMessage);
    Cevabı göster
    const errorMessage = "Bütçe aşıldı";
    console.error(errorMessage);
  3. Metodu amacına eşleştir

    console.log
    Genel bilgi
    console.warn
    Dikkat uyarısı
    console.error
    Hata mesajı
    console.table
    Tablo görünümü

Başlangıç bölümündeki tüm dersler