JavaScript Academy · Ders

Kod İçinde Adım Adım İlerleme

İşlevlerin üzerinden, içine ve dışına adım adım ilerleyin.

Kod İçinde Adım Adım İlerleme, CoddyKit'te ücretsiz bir JavaScript Academy dersidir. Bu, 4 dersinin 3. 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.

Kodda Adım Adım İlerleme

Bir kesme noktasında duraklatıldığınızda, durumun satır satır nasıl değiştiğini görmek için kodda her seferinde bir işlem olacak şekilde adım adım ilerlersiniz.

Devam Etme

Devam düğmesi, normal yürütmeyi bir sonraki kesme noktasına veya program tamamlanana kadar sürdürür. Geçerli duraklamada yeterince inceleme yaptığınızda bunu kullanın.

Üzerinden Geçme

Üzerinden geçme, çağırdığı işlevler de dâhil olmak üzere geçerli satırı tamamen çalıştırır ve ardından aynı işlevin sonraki satırında duraklar. Çağrılan işleve girilmez.

function helper() {
  return 5
}
function main() {
  const a = helper()
  const b = a + 1
  return b
}

İçine Girme

İçine girme, geçerli satırdaki bir işlev çağrısına girer ve işlevin içindeki hata ayıklamayı yapabilmeniz için ilk ifadesinde duraklar.

function helper() {
  const x = 10
  return x
}
function main() {
  return helper()
}

Dışına Çıkma

Dışına çıkma, geçerli işlevi tamamlar ve sizi işlevin içine getiren çağrının hemen sonraki satırında duraklar. Artık incelemeniz gerekmeyen bir işlevden çıkmak için bunu kullanın.

Adım Komutunu Seçme

Bir işleve güveniyorsanız üzerinden geçmeyi, onu araştırmak istiyorsanız içine girmeyi ve iç mantığın doğru olduğunu doğruladıktan sonra dışına çıkmayı kullanın.

Çağrı Yığını Bölmesi

Adım adım ilerlerken çağrı yığını bölmesi, geçerli satıra ulaşan işlev çağrıları zincirini gösterir. Bir çerçeveye tıklamak sizi o bağlama götürür.

Durum Değişikliğini İzleme

Adım adım ilerledikçe Kapsam ve İzleme bölmeleri güncellenir; böylece hangi satırın bir değişkeni beklenmedik şekilde değiştirdiğini tam olarak görebilirsiniz.

Döngülerde Adım Adım İlerleme

Bir döngünün içinde adım adım ilerlemek, gövdeyi her yinelemede tekrar çalıştırır. Birçok yinelemede elle ilerlemek yerine koşullu bir kesme noktası kullanmak genellikle daha hızlıdır.

function sumTo(n) {
  let total = 0
  for (let i = 1; i <= n; i++) {
    total += i
  }
  return total
}

Kitaplık Kodunun İçine Girme

İçine girme işlemi sizi kitaplıkların iç yapısına götürebilir. DevTools, listelenen betikleri yok saymanızı sağlayan bir özellik sunar; böylece kendi kodunuzda kalırsınız.

Tipik Bir İş Akışı

Şüphelendiğiniz hatanın yakınına bir kesme noktası belirleyin, ardından değişkenleri izleyerek satır satır ilerleyin ve gerçeğin beklentiden nerede ayrıldığını bulun.

Hızlı Kontrol

Adım adım ilerleme bilginizi sınayın.

Özet

Özet: Adım adım ilerleme, kod içinde kontrollü biçimde hareket etmenizi sağlar.

Üzerinden geçme, çağrıların içine girmeden bir satırı çalıştırır
İçine girme, çağrılan işleve girer
Dışına çıkma, geçerli işlevi tamamlar
Çağrı yığını, buraya nasıl ulaştığınızı gösterir

Sıkça Sorulan Sorular

“Kod İçinde Adım Adım İlerleme” dersi ücretsiz mi?

Evet — “Kod İçinde Adım Adım İlerleme” 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.

“Kod İçinde Adım Adım İlerleme” dersinde ne öğreneceğim?

İşlevlerin üzerinden, içine ve dışına adım adım ilerleyin. 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 3. dersidir.

“Kod İçinde Adım Adım İlerleme” 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

← JavaScript Academy Sayfasına Dön