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