Kesme Noktaları Belirleme
Yürütmeyi duraklatın ve durumu inceleyin.
Kesme Noktaları Belirleme, CoddyKit'te ücretsiz bir JavaScript Academy dersidir. Bu, 4 dersinin 2. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, JavaScript Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. JavaScript Academy kursu toplamda 4 dersten oluşur.
Kesme Noktası Nedir
Bir kesme noktası, hata ayıklayıcıya belirli bir satırda yürütmeyi durdurmasını söyler. Duraklatıldığında, programın durumunu anlamak için değişkenleri ve çağrı yığınını inceleyebilirsiniz.
Kesme Noktaları Neden Günlük Kaydından Üstündür
Günlük kaydı ifadelerini kodun çeşitli yerlerine dağıtmakla karşılaştırıldığında, kesme noktaları kodu değiştirmeden belirli bir andaki kapsam içindeki her değişkeni incelemenizi sağlar; buradan devam edebilir veya adım adım ilerleyebilirsiniz.
Kaynaklar Panelini Açma
Tarayıcı DevTools içinde kesme noktaları Kaynaklar panelinde bulunur. DevTools'u açın, Kaynaklar'a geçin ve dosya ağacında betik dosyanızı bulun.
Satır Kesme Noktası Belirleme
Bir ifadede kesme noktası belirlemek için satır numarasının yanındaki oluğa tıklayın. Bir işaretleyici görünür ve yürütme, o satır çalıştırılmak üzereyken duraklar.
debugger İfadesi
Kodunuza bir debugger ifadesi eklemek, DevTools açıkken program aracılığıyla bir kesme noktasını tetikler. Üretim kodu yayımlanmadan önce bu ifade kaldırılır.
function compute(x) {
const doubled = x * 2
// a debugger statement on the next line would pause execution here
return doubled + 1
}Koşullu Kesme Noktaları
Bir satıra sağ tıklayarak bir koşul ekleyebilirsiniz. Hata ayıklayıcı yalnızca ifade doğru olduğunda duraklar; bu, döngülerin içinde özellikle değerlidir.
Günlük Kayıt Noktaları
Bir günlük kayıt noktası duraklamadan ileti yazdırır. Bu, kaynak kodunu düzenlemek yerine DevTools aracılığıyla eklediğiniz geçici bir günlük kaydı ifadesi gibidir.
Değişkenleri İnceleme
Duraklatıldığında Kapsam bölmesi, yerel, kapanış ve genel değişkenleri geçerli değerleriyle listeler; böylece varsayımlarınızı doğrulayabilirsiniz.
İzleme İfadeleri
İzleme bölmesi, tanımladığınız ifadeleri her duraklamada değerlendirir ve kodda adım adım ilerlerken hesaplanan bir değeri izlemenizi sağlar.
Olaylarda Kesme Noktaları
DevTools, tıklama veya ağ isteği gibi olaylarda da yürütmeyi duraklatabilir; olay gerçekleştiği anda program durur.
Kesme Noktalarını Yönetme
Kesme Noktaları bölmesi tüm kesme noktalarınızı listeler. Bunları bir onay kutusuyla geçici olarak devre dışı bırakabilir veya hata ayıklamayı bitirdiğinizde kaldırabilirsiniz.
Hızlı Kontrol
Kesme noktaları bilginizi sınayın.
Özet
Özet: Kesme noktaları, inceleme yapmak için yürütmeyi duraklatır.
- Bunları Kaynaklar panelinin oluğunda belirleyin
- debugger ifadesi programı program aracılığıyla duraklatır
- Koşullu kesme noktaları yalnızca koşul doğru olduğunda duraklar
- Duraklatıldığında kapsamı ve izleme ifadelerini inceleyin
Sıkça Sorulan Sorular
“Kesme Noktaları Belirleme” dersi ücretsiz mi?
Evet — “Kesme Noktaları Belirleme” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve JavaScript Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. JavaScript Academy kursu toplamda 4 dersten oluşur.
“Kesme Noktaları Belirleme” dersinde ne öğreneceğim?
Yürütmeyi duraklatın ve durumu inceleyin. JavaScript Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
JavaScript Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te JavaScript Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 2. dersidir.
“Kesme Noktaları Belirleme” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu JavaScript Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her JavaScript Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- console.log'un Ötesi
- Kesme Noktaları Belirleme
- Kod İçinde Adım Adım İlerleme
- Yığın İzlerini Okuma