debugger deyimi

debugger deyimi ile kodu durdurup DevTools üzerinde adımlamayı öğrenirsin.

debugger deyimi

debugger deyimi, kodu çalışma sırasında durdurur ve geliştirici araçlarını (DevTools) açar. Bu noktaya kesme noktası (breakpoint) denir. Kod burada bekler; sen değişkenleri inceler, ifade değerlendirir ve yavaşça ilerlersin.

Alet çubuğundaki adımlama düğmeleriyle satır satır ilerlersin: bir sonraki satıra geç, fonksiyonun içine gir veya kodu devam ettir. İşin bitince debugger satırını kaldırırsın.

Adımlama düğmeleri

Kesme noktasında durunca araç çubuğundaki düğmeleri kullanırsın. Devam et (resume): kodu bir sonraki kesme noktasına kadar çalıştırır. Sonraki satır (step over): bir satır ilerler, fonksiyon çağrısının içine girmez.

İçine gir (step into): çağrılan fonksiyonun içine girer. Dışına çık (step out): içinde bulunduğun fonksiyonu sonuna kadar çalıştırıp çağırana döner. Bu düğmeler hatayı satır satır izlemeni sağlar.

Uygulama debugger ile duraklama ekle

findMax(nums) adında bir fonksiyon tanımla. for döngüsüyle dizideki en büyük sayıyı bulsun. Döngü içinde, debugger deyimini kullanarak her adımda duraklasın. Sonra findMax([3, 7, 2]) çağrısını yap.

Örnek çözümü göster

function findMax(nums) {
  let max = nums[0];
  for (let i = 1; i < nums.length; i++) {
    debugger;
    if (nums[i] > max) {
      max = nums[i];
    }
  }
  return max;
}

findMax([3, 7, 2]);

Kendini test et

debugger deyimini ekle

function check(value) {
  ____;
  return value;
}

Cevabı göster

function check(value) {
  debugger;
  return value;
}

debugger deyimi ne yapar?
- Kodu yorum olarak işaretler
- Bir değişkeni siler
- Çalışmayı durdurur
- Hemen hata fırlatır
Cevabı göster

Çalışmayı durdurur — Doğru. debugger kodu geçici olarak durdurur.
Düğmeyi görevine eşleştir

Devam et

Sonraki kesmeye kadar çalıştır
Sonraki satır

İçine girmeden bir satır ilerle
İçine gir

Çağrılan fonksiyona geç
Dışına çık

Mevcut fonksiyonu bitir

Sıradaki ders: console.assert ile kontrol

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler