CodeBlanks Logo Icon CodeBlanks

console.trace ile çağrı izi

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

console.trace ile bir fonksiyonun çağrı yığınını görmeyi öğrenirsin.

console.trace ile çağrı izi

console.trace() çağrıldığı noktadan itibaren çağrı yığınını (call stack) konsola yazar. Çağrı yığını, o ana kadar hangi fonksiyonun hangisini çağırdığını gösterir: en içteki çağrı en üstte, en dıştaki çağrı en altta görünür.

Bu, "bu satıra hangi fonksiyon dizisi ulaştı?" sorusunu yanıtlar. Bir hatayı ya da beklenmeyen çağrıyı izlerken çok işe yarar.

Çağrı yığını nasıl okunur?

Çağrı yığını en içteki çağrıdan en dıştakine doğru listelenir. Örneğin a fonksiyonu b'yi çağırır, b de c'yi çağırırsa ve c içinde console.trace() varsa, yığın c → b → a sırasıyla görünür.

En üstteki satır console.trace'in içinde bulunduğu fonksiyondur. Aşağıya indikçe çağıran fonksiyonları görürsün. Bu sıra, hatanın hangi yol boyunca ortaya çıktığını anlatır.

Uygulama console.trace ile çağrı izini gör

greet adında bir fonksiyon tanımla. İçinde console.trace("greet çağrıldı") çağrısı yapsın. Sonra greet() fonksiyonunu çağır. Böylece çağrı yığınını konsolda görürsün.

Örnek çözümü göster
function greet() {
  console.trace("greet çağrıldı");
}

greet();

Kendini test et

  1. console.trace() ne yazdırır?

    • Sadece 'trace' yazısını
    • Çağrı yığınını (call stack)
    • Tüm değişkenlerin değerini
    • Kodun çalışma süresini
    Cevabı göster

    Çağrı yığınını (call stack) — Doğru. console.trace çağrı yığınını gösterir.

  2. console.trace çağrısını tamamla

    function helper() {
      console.____();
    }
    Cevabı göster
    function helper() {
      console.trace();
    }
  3. Çağrı yığınını eşleştir

    İçteki çağrı
    Yığının en üst satırı
    Dıştaki çağrı
    Yığının en alt satırı
    console.trace()
    Çağrı zincirini yazdırır
    Çağrı yığını
    Hangi fonksiyon hangisini çağırdı

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