JavaScript Hata Ayıklama
Her yeni bilgisayar kodu yazdığınızda hatalar olabilir (olacaktır).
Kod Hata Ayıklama
Programlama kodu, sözdizimi hataları veya mantıksal hatalar içerebilir.
Bu hataların birçoğunun teşhis edilmesi zordur.
Çoğu zaman, programlama kodu hatalar içerdiğinde hiçbir şey olmaz. Hata mesajı yoktur ve hataları nerede arayacağınıza dair hiçbir gösterge almazsınız.
Programlama kodundaki hataları aramaya (ve düzeltmeye) kod hata ayıklama denir.
JavaScript Hata Ayıklayıcıları
Hata ayıklama kolay değildir. Ancak neyse ki, tüm modern tarayıcılarda yerleşik bir JavaScript hata ayıklayıcı bulunur.
Yerleşik hata ayıklayıcılar açılıp kapatılabilir, bu da hataların kullanıcıya bildirilmesini sağlar.
Hata ayıklayıcı ile ayrıca kesme noktaları (kod yürütmenin durdurulabileceği yerler) ayarlayabilir ve kod yürütülürken değişkenleri inceleyebilirsiniz.
Normalde bu sayfanın altındaki adımları takip edin, tarayıcınızda F12 tuşu ile hata ayıklamayı aktif hale getirin ve hata ayıklayıcı menüsünden "Konsol"u seçin.
konsol.log() Yöntemi
Tarayıcınız hata ayıklamayı destekliyorsa, console.log()hata ayıklayıcı penceresinde JavaScript değerlerini görüntülemek için kullanabilirsiniz:
Örnek
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html>
İpucu: JavaScript Konsol Referansımızdakiconsole.log() yöntem hakkında daha fazla bilgi edinin .
Kesme Noktalarını Ayarlama
Hata ayıklayıcı penceresinde JavaScript kodunda kesme noktaları ayarlayabilirsiniz.
Her kesme noktasında JavaScript çalışmayı durdurur ve JavaScript değerlerini incelemenize izin verir.
Değerleri inceledikten sonra, kodun yürütülmesine devam edebilirsiniz (genellikle bir oynat düğmesi ile).
Hata ayıklayıcı Anahtar Kelime
Anahtar debuggersözcük, JavaScript'in yürütülmesini durdurur ve (varsa) hata ayıklama işlevini çağırır.
Bu, hata ayıklayıcıda bir kesme noktası ayarlamakla aynı işleve sahiptir.
Hata ayıklama yoksa, hata ayıklayıcı ifadesinin hiçbir etkisi yoktur.
Hata ayıklayıcı açıkken, bu kod üçüncü satırı çalıştırmadan önce çalışmayı durduracaktır.
Örnek
let x = 15 * 5;
debugger;
document.getElementById("demo").innerHTML = x;
Başlıca Tarayıcıların Hata Ayıklama Araçları
Normalde tarayıcınızda hata ayıklamayı F12 ile etkinleştirirsiniz ve hata ayıklayıcı menüsünden "Konsol"u seçersiniz.
Aksi takdirde şu adımları izleyin:
Krom
- Tarayıcıyı açın.
- Menüden "Diğer araçlar"ı seçin.
- Araçlardan "Geliştirici araçları"nı seçin.
- Son olarak, Konsol'u seçin.
Firefox
- Tarayıcıyı açın.
- Menüden "Web Geliştirici" seçeneğini seçin.
- Son olarak, "Web Konsolu"nu seçin.
Köşe
- Tarayıcıyı açın.
- Menüden "Geliştirici Araçları"nı seçin.
- Son olarak, "Konsol" u seçin.
Opera
- Tarayıcıyı açın.
- Menüden "Geliştirici" yi seçin.
- "Geliştirici"den "Geliştirici araçları"nı seçin.
- Son olarak, "Konsol" u seçin.
Safari
- Ana menüde Safari, Tercihler, Gelişmiş'e gidin.
- "Menü çubuğunda Geliştirmeyi Göster menüsünü etkinleştir" seçeneğini işaretleyin.
- Menüde yeni "Geliştir" seçeneği göründüğünde:
"Hata Konsolunu Göster"i seçin.
Biliyor musun?
Hata ayıklama, bilgisayar programlarındaki hataları (hataları) test etme, bulma ve azaltma işlemidir.
Bilinen ilk bilgisayar hatası, elektronikte sıkışmış gerçek bir böcek (böcek) idi.