JavaScript'te Hata Ayıklama ve Hata Yakalama

JavaScript'te Hata Ayıklama ve Hata Yakalama

JavaScript'te Hata Ayıklama ve Hata Yakalama yazısı ile JavaScript dilinde uygulanan hata ayıklama yöntemleri ve hata yakalama teknikleri hakkında detaylı bilgilere ulaşabilirsiniz Kodlarınızın hatasız çalışması için mutlaka okumanız gereken bir yazı!

JavaScript'te Hata Ayıklama ve Hata Yakalama

JavaScript, web sitelerinin tasarımında ve geliştirilmesinde sıklıkla kullanılan bir dildir. Ancak bu dilde çalışırken hatalar yapabilirsiniz. Hataların başa çıkmak zorunda olduğunuz bir gerçek olduğunu belirtmek gerekir. Bu nedenle, JavaScript kodunuzda hata ayıklama ve yönetimi yapabileceğiniz en iyi yöntemleri anlatmak istiyoruz.

Hata yakalama, JavaScript'te sıklıkla kullanılan bir tekniktir. Bu teknik, kodunuzda hataları bulmak ve düzeltmek için kullanılır. Hataların yönetimi JavaScript kodunuza hata mesajları ekleyerek ya da hataları düzelten özel yazılım araçları kullanarak yapılabilir.

JavaScript'te Söz Dizimi Hataları, Çalışma Zamanı Hataları ve Mantıksal Hatalar olmak üzere üç farklı hata türü bulunmaktadır. Söz Dizimi Hataları, kodunuzun sözdizimi kurallarına uymadığı zaman ortaya çıkar. Örneğin, tanımlanmamış bir değişkeni kullanmaya çalıştığınızda ya da birden fazla kod satırında noktalı virgül kullanmayı unuttuğunuzda karşılaşılır.

Çalışma Zamanı Hataları ise, kodunuz çalışırken ortaya çıkan hatalardır. Örneğin, bir değişkeni hatalı bir şekilde atamaya çalıştığınızda ya da bir sayıyı sıfıra bölmeye çalıştığınızda karşılaşacağınız bu hata türü oldukça sık rastlanır.

Son olarak, Mantıksal Hatalar, kodunuzun çalışmasında mantıksal bir hata olduğu zaman ortaya çıkar. Yanlış ifade kullanımı ya da if-else bloklarının doğru şekilde kullanılmaması bu hata türüne örnek verilebilir.

Yukarıda bahsedilen hata türlerini yönetmek için try-catch blokları kullanabilirsiniz. Bu sayede, kodunuzdaki hataları bulabilir, analiz edebilir ve çözümünü bulabilirsiniz. Ayrıca, JavaScript'te debugging araçları da mevcuttur ve bu araçlar kodunuzu daha verimli hale getirmenize yardımcı olabilir.


Hata Ayıklama Nedir?

Hata ayıklama, JavaScript kodunuzdaki hataları bulmak ve bunları düzeltmek için kullanılan bir tekniktir. Yazılım geliştirme süreci boyunca hatalarla karşılaşmak oldukça normaldir ve hata ayıklama, bu hataları bulmak ve çözmek için kullanılan en iyi yöntemlerden biridir. Bu yöntem sayesinde kodunuzda meydana gelen hataları tespit edebilir, debug edebilir ve sonunda düzeltebilirsiniz.

Hata ayıklama, kodunuzu yazdıktan sonra devreye girer ve koddaki hataları ortadan kaldırmak için çeşitli araçlar kullanır. Bunlar arasında syntax hataları, runtime hataları ve mantıksal hatalar bulunur. Hata ayıklama sırasında bunları tespit etmek ve doğru bir şekilde çözmek için çeşitli yöntemler ve araçlar vardır.

  • Syntax Hataları: Bu hatalar, kodunuzun sözdizimi kurallarına uygun olmadığı zaman ortaya çıkar. Bunlar tanımsız değişkenler, eksik noktalı virgüller ve tipik yazım hataları gibi şeyleri içerebilir.
  • Runtime Hataları: Çalışma zamanı hataları, kodun çalışırken ortaya çıkan hatalardır. Bunlar değişken atama hatası, bölme sıfıra bölme hatası ve benzeri şeylerdir.
  • Mantıksal Hatalar: Kodunuzun çalışmasında mantıksal bir hata vardır. Bu genellikle yanlış ifade kullanımı veya yanlış koşulların yerleştirilmesi gibi bir şeydir.

Hata ayıklama teknikleri, kodunuzda herhangi bir hatanın olup olmadığını kontrol edebilen bir araç olan "try-catch" blokları gibi çeşitli kod yöntemleri içerir. Hata yakalama sürecinde, "finally" blokları kullanılabilir, bu da hata olsa da olmasa da çalışacak bir kod bloğudur. Ayrıca kodunuzda hataları bulmanıza yardımcı olabilecek farklı araçlar da mevcuttur, bunlar arasında "DevTools", "console.log()" ve "breakpoints" gibi araçlar yer alır.


Hata Türleri Nelerdir?

JavaScript kodlama sürecinde karşılaşılan hataların türleri farklılık gösterir. Bu hataların doğru şekilde yönetilmesi ve çözülmesi için doğru hata tipinin belirlenmesi önemlidir. Başlıca hata türleri şunlardır:

  • Söz Dizimi Hataları: Kodunuzun sözdizimi kurallarına uymadığı zaman karşılaşılan hatalardır. Bu hataların çoğu, kodunuzda noktalı virgül, süslü parantez, köşeli parantez, işaretlemeler gibi temel kuralları takip etmemeden kaynaklanır.
  • Çalışma Zamanı Hataları: Kodunuz çalışırken ortaya çıkan hatalardır. Bu hataların birçok nedeni vardır, örneğin, bir sayıyı sıfıra bölmeye çalışmak, bir dizi elemanının dışına çıkma vb.
  • Mantıksal Hatalar: Kodunuzun çalışmasında mantıksal bir hata vardır. Bu hatalar, özellikle programlama mantığı üzerine inşa edilen kodlar için geçerlidir.

Her hata türü farklı sebeplerden kaynaklanır ve farklı yöntemler izlenerek düzeltilebilir. Hataların tipini doğru bir şekilde belirlemek, hatanın hızlıca çözülmesine ve daha az hata yapılmasına yardımcı olacaktır.


Söz Dizimi Hataları

Kodunuzun sözdizimi kurallarına uymadığı zaman karşılaşılan hatalardır. Bu tür hataların çözümü oldukça basittir ve çoğunlukla kod editörleri tarafından hızlı bir şekilde fark edilir.

Bazı örnekler vermek gerekirse:

Hata Türü Açıklama Örnek
Tanımlanmayan değişken kullanmak Kodunuzda tanımlanmamış bir değişkeni çağırmaya çalıştığınızda karşılaştığınız bir hata console.log(x); // x tanımlanmamış
Eksik noktalı virgüller Birden fazla kod satırında noktalı virgül kullanmayı unuttuğunuzda karşılaştığınız bir hata
var a = 5var b = 3console.log(a + b) // Uncaught SyntaxError: missing ; before statement
Yanlış parantez kullanımı Parantez kullanımının yanlış olduğu durumlarda karşılaşılan bir hata
if (x > 10 {  console.log("x 10'dan büyük");} // Uncaught SyntaxError: missing ) after condition

Bu hatalar, kodun düzgün çalışmasını engelleyerek hata mesajları ve uygulamanın beklenmedik bir şekilde çökmesine neden olabilir. Bu nedenle, kodunuzu yazarken dikkatli olmak ve sözdizimi kurallarına uymaya özen göstermek çok önemlidir.


Örnek: Tanımlanmayan değişken kullanmak

Bir JavaScript kodunuzu çalıştırdığınızda, tanımlanmayan bir değişkeni kullanmaya çalıştığınızda "ReferenceError: x is not defined" gibi bir hata mesajı alabilirsiniz. Bu hata, değişkenin tanımlanmadığı veya başka bir yerde tanımlandığı durumlarda meydana gelir.

Bu hatayı çözmek için, kodunuzda belirtilen değişkenin tanımlanıp tanımlanmadığını kontrol etmeniz ve var olup olmadığını doğrulamanız gerekir. Eğer değişken tanımlanmamışsa, onu tanımlamalı veya gerektiğinde başka bir değişkene atamalısınız.

  • Kodunuzu yazmadan önce, kullanacağınız tüm değişkenleri tanımladığınızdan emin olun.
  • Her zaman var anahtar kelimesini kullanarak değişkenleri tanımlayın.
  • Çok sayıda değişkeniniz varsa, kodunuzu daha etkili bir şekilde kontrol etmek için bir tablo veya liste kullanabilirsiniz.

JavaScript'te hata yakalamak ve hatayı yönetmek oldukça önemlidir. Bir hata mesajı verildiğinde, nedeni hemen bulmak ve düzeltmek, kodunuzun daha iyi çalışmasını sağlayarak zaman kazandırır.


Örnek: Eksik noktalı virgüller

Eksik noktalı virgüller, JavaScript'te en sık karşılaşılan hata türlerinden biridir. Birden fazla kod satırında noktalı virgül kullanmayı unuttuğunuzda karşılaşacağınız bu hata, kodunuzun çalışmasını engelleyebilir. Eğer bir kod satırına noktalı virgül koymazsanız, JavaScript bir sonraki satırı aynı birim olarak tanımlar ve hata ayıklama işlemi zorlaşır.

Örneğin;

Hatalı Kod
const name = 'John' const age = 30 console.log(name + ' is ' + age + ' years old.')

Bu örnekte, 2. kod satırında noktalı virgül kullanmayı unuttuk. Kodu çalıştırdığımızda, "Uncaught SyntaxError: Unexpected identifier" hatasıyla karşılaşacağız. Bu hata, JavaScript dilinde geçerli olan söz dizimi kurallarının ihlal edildiği anlamına gelir.

Bu hatalar genellikle JavaScript motorunda çalışma zamanı hatalarına neden olur ve bu nedenle kodunuzun çalışmasını engelleyebilir. Bu nedenle, kodunuzda noktalı virgüllerin doğru bir şekilde kullanımına özen göstermeniz önemlidir.


Çalışma Zamanı Hataları

Kodunuzun çalıştığı sırada ortaya çıkan hatalar, genellikle bir değişkenin yanlış bir değer ataması sonucu veya bir işlevin hatalı bir şekilde kullanılması sonucu ortaya çıkar. Çalışma zamanı hataları, Söz Dizimi Hataları'ndan daha zordur çünkü kodunuz derlenirken fark edilmeden kodunuzun çalışması sonucu ortaya çıkabilir.

Bir örnek verecek olursak, bir değişkene yanlış bir değer atamak sonucu ortaya çıkan hata. Örneğin, bir sayıyı bir diziye atamaya çalıştığınızda, bir çalışma zamanı hatası meydana gelecektir. Çünkü sayılar ve diziler farklı veri türleridir ve bir sayıyı bir diziye atamak mümkün değildir. Benzer şekilde, bir sayıyı sıfıra bölmeniz gerektiğinde, yine bir çalışma zamanı hatası alacaksınız. Çünkü sıfıra bölmek matematiksel olarak mümkün değildir.


Örnek: Değişken atama hatası

Değişken atama hatası, bir değişkeni hatalı bir şekilde atamaya çalıştığınızda ortaya çıkan bir hatadır. Bu hatayı örneklemek gerekirse;

  • Bir değişkene sayı yerine bir metin girdiniz
  • Bir değişkene atanacak olan değeri tanımlamadınız
  • Bir değişkene atama işlemi yapılırken hatalı bir matematiksel operatör kullandınız

Bu hatalar kodun çalışmasını etkiler ve beklenmeyen sonuçlar doğurabilir.

Hatalı Kod Parçası Nedeni
let x = "metin" + 1; Bir değişkene sayı yerine metin atanmaya çalışıldığı için hata verir
let y; Bir değişkenin tanımlanması ama değer atanmaması hatalı bir işlem olarak kabul edilir
let z = "10" / 0; Sıfıra bölme hatası, matematiksel işlem hatasıdır ve kodun hatalı çalışmasına neden olur

Değişken atama hatası, genellikle basit düzeltmelerle giderilebilen bir hatadır. Bu tür hataların önceden kullanım aşamasında fark edilmesi, kodun daha sağlıklı ve sorunsuz bir şekilde çalışmasına olanak sağlar.


Örnek: Bölme sıfıra bölüm hatası

Bir sayıyı sıfıra bölmeye çalışmak, JavaScript kodunuzda karşılaşabileceğiniz bir çalışma zamanı hatasıdır. Bu tür bir hatayla karşılaştığınızda, sayı sıfırdan farklı bir sayıyla bölünebilir. Ancak, sayı sıfıra bölündüğünde, sonucu belirlemek imkansızdır ve bu nedenle bir hata mesajı alırsınız.

Bölme sıfıra bölüm hatası, yaygın olarak çeşitli matematiksel işlemler içeren kodlarda görülür. Hatayı yakalamak için try-catch blokları ve debugging araçları kullanılabilir. Bu hata, sadece matematiksel işlemleri içeren kodlarda değil, aynı zamanda kullanıcıların girdiği sayıların işlendiği kodlarda da görülebilir. Bu nedenle, girdilerin doğru bir şekilde işlendiğinden emin olmak için gerekli önlemler alınmalıdır.


Mantıksal Hatalar

JavaScript kodunuzda en sık karşılaşılan hata türlerinden biri mantıksal hatalardır. Bu tür hatalar, kodunuzun çalışmasının mantıksal bir hataya sahip olduğunu gösterir. Örneğin, bir döngüyü yanlışlıkla sonsuz hale getirmek, istediğiniz şeyi yapmasını istediğiniz kodu yanlış ifade ederek başlatmak, if-else bloklarının doğru şekilde kullanılmaması sonucu oluşur.

Ancak, bu hatalar bir çok kez belirgin değildir ve çözümleri bulmak için daha fazla araştırma ve analiz yapmak gerekmektedir. Bu nedenle, kodların mantıksal hatalardan arındırılmış olması oldukça önemlidir.

Mantıksal hataların üstesinden gelmek için, kodlarınızı dikkatli bir şekilde analiz etmeniz ve nelerin doğru ve yanlış yapıldığını iyi anlamanız gerekir. Bunu desteklemek için, kodunuza eklediğiniz yorum satırları faydalı olabilir. Bunlar, kodunuzun çalışma prensibini ve yapısı hakkında size bir fikir verebilir ve doğru çalışmasını sağlayabilir.

Ayrıca, debugging araçları da bu hataları tespit etmek ve düzeltmek için oldukça faydalıdır. breakpointler, bir döngünün veya işlevin işlemesini durdurmanıza yardımcı olabilir ve kodunuzun çalışmasını adım adım takip etmenizi sağlar. DevTools gibi araçlar, kodunuzun adım adım çalışmasını sağlar. Bu araçlar, kodunuzu detaylı bir şekilde analiz etmenize yardımcı olur ve hataların nedenlerini tespit eder.

Sonuç olarak, mantıksal hatalar, kodunuzun doğru bir şekilde çalışmasını engelleyebilen önemli bir sorundur. Bu nedenle, mantıksal hataların tespit edilmesi, analiz edilmesi ve çözülmesi, doğru çalışan bir kod için oldukça önemlidir.


Örnek: Yanlış ifade kullanımı

Bir diğer JavaScript hata türü, yanlış ifade kullanımıdır. Bu, kodun hedefiniz doğru olduğu halde yanlış diyerek harekete geçmesi durumunda ortaya çıkar. Örneğin, bir döngüyü tersine çevirmek istiyorsunuz ancak tersi yolunu seçerek kodunuzu çalıştırdınız. Kod, istenilen işlemi yapmak yerine yanlış şekilde çalışır ve bir hata mesajı alırsınız.

Yanlış ifade kullanımını önlemek için kodunuzu dikkatlice analiz edin ve hedeflerinize uygun şekilde çalışıp çalışmadığını kontrol edin. Ayrıca, değişkenleri, fonksiyonları ve diğer öğeleri uygun şekilde adlandırdığınızdan emin olun. Bu, kodunuzun kalitesini artırarak yanlış ifade kullanımı hatasıyla karşılaşma olasılığını azaltabilir.


Örnek: İf-else bloğu hatası

İf-else bloğu hatası, JavaScript kodunuzda en sık karşılaşılan hatalardan biridir. If-else blokları, koşullu ifadelerin çalıştırılmasına ve belirli bir koşulun sağlanıp sağlanmadığının kontrol edilmesine yardımcı olur. Ancak, bu yapılar doğru şekilde kullanılmadığında veya hatalı ifadeler içerdiklerinde, hataların oluşmasına neden olabilirler.

Örneğin, aşağıdaki kod bloğunda, yarıçapı 0'dan küçük olan bir daire için 'Geçersiz yarıçap' çıktısı alacağız:

Kod Çıktı
        if (r < 0) {          console.log("Geçersiz yarıçap");        } else if (r == 0) {          console.log("Yarıçap sıfır");        } else {          console.log("Dairenin alanı: " + Math.PI * r * r);        }      
Geçersiz yarıçap

Bu örnekte, r değeri negatif olduğunda ilk koşulun sağlanması gerekiyordu ama yalnızca less-than işareti (<) kullanılmıştır ve bunun sonucu 'Geçersiz yarıçap' olarak yazdırılır. Aynı hatayı yapmaktan kaçınmak için, kodunuzu özenle kontrol etmelisiniz.


Hatayı Yakalama

JavaScript kodlarında, hatalar kaçınılmaz bir şekilde meydana gelir. Bu hatalar, kodun doğru bir şekilde çalışmamasına veya hatanın kullanıcıya gösterilmesine neden olabilir. Bu nedenle, hata yakalama teknikleri önemlidir. Hatanın meydana geldiği anda doğru bir şekilde yakalanması, analiz edilmesi ve çözümün bulunması için gereklidir.

JavaScript'te hataları yakalamak için "try-catch" blokları kullanılır. "try" bloğunda meydana gelen hatalar, "catch" bloğu ile yakalanır. Bu sayede, kodun çalışması durdurulmadan hata ile ilgili bilgi alınabilir ve gerekli işlemler yapılabilir.

Bunun yanı sıra, "finally" blokları da kullanılabilir. Bu bloklar, hata olsa da olmasa da çalıştırılacak bir kod bloğudur. Bu sayede, kodda yapılan işlemlerin tamamlanması sağlanır.

JavaScript debugging araçları da hataları yakalamak için kullanılabilir. "DevTools", google Chrome, Mozilla Firefox vb. tarayıcılarda bulunan bir debugging aracıdır. "console.log()" komutu, kodda bir değişkenin ya da işlevin değerini görüntülemenize yarayan bir debugging aracıdır. Ayrıca, "breakpoints" kullanarak, kodunuzda belirli bir satırda işlemi durdurabilir ve hataları tespit edebilirsiniz.


try-catch Blokları

JavaScript kodunuzda herhangi bir hatayla karşılaştığınızda, kodun yönlendirileceği bir try-catch bloğu kullanabilirsiniz. try bloğu, hatanın meydana gelebileceği kodun yazıldığı bloktur. Söz konusu hata meydana geldiğinde, catch bloğu devreye girer ve hatanın yakalanmasını sağlar. Bu blok, hatanın türüne göre karşılaştığınız hatalara uygun bir çözüm sağlanmasını sağlar.

Örneğin, bir işlevin bir değişkene bölünmesi durumunda try-catch bloklarını kullanabilirsiniz. Kodunuzda, değişken varsa ve sıfıra bölünme durumu söz konusu değilse, try bloğu çalışacaktır. Ancak değişken sıfıra bölündüğünde, catch bloğu devreye girecek ve hatayı yakalayacaktır. Bu blokta, kullanıcıya hata mesajı verilebilir veya hatanın izlenebilmesi için log oluşturulabilir.

Hatanın oluşma nedenini bulmanız ve çözmeniz için try-catch blokları oldukça faydalıdır. Böylece, kodunuzda karşılaştığınız hatalara uygun çözümler sağlayabilirsiniz. Ancak, try-catch blokları kullanımı doğru şekilde yapılmalı, blokların içerikleri iyi tanımlanarak hatanın nedeni çözülmelidir. Aksi takdirde, hatalar çözülmeyeceği gibi, başka hataların da ortaya çıkmasına neden olabilir.


finally Blokları

finally blokları, kodlarınızda gerçekleşen hatalara bağlı olmaksızın çalışması gereken kodları içeren bloklardır.

Bu bloklar, try-catch bloklarıyla birlikte kullanılırlar ve hataların doğru bir şekilde yönetilmesi için oldukça önemlidirler. Eğer kodlarınızda bir hata oluşursa, catch blokları çalıştırılır. Ancak, her iki durumda da finally blokları çalıştırılır.

Bu blokların kullanımı özellikle, dosya, veritabanı, ağ bağlantısı gibi kaynakları yönetirken oldukça faydalıdır. Örneğin, bir dosya açıldığında, dosyanın kapatılması finally bloklarında yapılabilir ve böylece dosya açık kalsın ya da hata olsa bile dosya kapatılsın.

Bu blok, bir fonksiyon veya işlev çağrısından sonra, her türlü sonuç durumunda çalıştırılması gereken kodlar yazmak için de kullanılabilir. Bu sayede, oluşabilecek hataların yanı sıra, herhangi bir hata durumunda bile çalışması gereken kodlar, finally bloklarında bulunabilir ve bu sayede hataların doğru bir şekilde yönetimi sağlanabilir.


Debugging Araçları

Kodunuzda hataları bulmak ve çözmek için bazı farklı debugging araçları mevcuttur. Bunlar arasında en popülerleri Google Chrome, Mozilla Firefox ve Microsoft Edge gibi tarayıcılarda bulunan DevTools, console.log() ve breakpoints olarak sayılabilir.

DevTools, kodunuza göz atmanıza ve hataları bulmanıza yardımcı olabilecek birçok farklı özellik sunar. Örneğin, kodunuzdaki değişkenlerin veya fonksiyonların değerlerini görüntülemenize, HTTP isteklerinizi izlemenize ve CSS stillerinizdeki hataları tespit etmenize olanak tanır. Bu araç, hata ayıklama için en popüler ve yaygın olarak kullanılan araçtır.

console.log(), kodunuzdaki bir değişkenin ya da işlevin değerini görüntülemenize yarayan bir debugging aracıdır. Konsol penceresine yazdığınız mesajlar, kodunuzda çalıştığında gösterilir ve böylece kodunuzun hangi kısımlarının doğru çalışıp çalışmadığını görebilirsiniz. Konsol penceresinin yanı sıra, DevTools'un Console sekmesini de kullanabilirsiniz.

breakpoints, kodunuzda belirli bir satırda kodun işleme durdurulmasını sağlayan bir debugging aracıdır. Satırların yanındaki gri stiline tıklayarak bir breakpoint oluşturabilirsiniz. Kodunuz bu satıra gelene kadar çalışır ve ardından işlem durur. Bu, kodunuzun çalışması sırasında nerede hata aldığınızı görmenize yardımcı olur ve hataları tespit etmek için çok faydalıdır.


DevTools

DevTools, Google Chrome, Mozilla Firefox, Microsoft Edge ve diğer birçok web tarayıcısında bulunan bir debugging aracıdır. Bu araç, web sayfalarınızın kodunu anlamak, kodda hataları veya eksiklikleri tespit etmek ve geliştirmeler yapmak için kullanılır.

DevTools ile web sayfalarınızın kodunda gezinirken, CSS stilini doğru bir şekilde ayarlayabilir veya JavaScript hatalarını tespit edebilirsiniz. Ayrıca, web sayfasının yüklenme hızı, ağ istekleri ve daha birçok şeyi de gözlemleyebilirsiniz.

DevTools, farklı paneller kullanarak çalışır. Bu paneller arasında Elements, Console, Sources, Network, Performance ve Security gibi seçenekler bulunmaktadır. Elements paneli, HTML ve CSS kodunuzu incelemek için kullanılır. Console paneli, JavaScript kodunu test etmek ve hataları gözlemlemek için kullanılabilecek interaktif bir ortamdır.

Sources paneli, kodunuzu yönetmenin yanı sıra JavaScript dosyalarınızda hata ayıklama yapmanızı da sağlar. Network paneli, web sayfanızda isteklerin yönetimini sağlar. Bu sayede, web sayfanızın hızını artırmak için neler yapmanız gerektiğini öğrenebilirsiniz. Performance paneli, render süreleri ve JavaScript çalışma süreleri gibi performans ölçümlerini yapmanızı sağlar. Son olarak, Security paneli, web sayfanızın güvenliği hakkında bilgi sağlar.

DevTools, web geliştiricileri için önemli bir araçtır ve web sayfalarının geliştirilmesi sürecinde vazgeçilmez bir role sahiptir. Bu araç, web geliştiricilerinin web sayfalarını kodlama, test etme ve hata ayıklama süreçlerini daha verimli hale getirmektedir.


console.log()

console.log(), JavaScript kodunuzda bir değişkenin ya da işlevin değerini görüntülemenize yarayan bir debugging aracıdır. Bu yöntem sayesinde çalışan kodlarınızı adım adım takip edebilir, hangi fonksiyonların ne zaman çağrıldığını ve değişkenlerin hangi değerlere sahip olduğunu öğrenebilirsiniz.

Bir örnek üzerinden açıklamak gerekirse, aşağıdaki kod satırında console.log() kullanarak bir değişkenin değerini yazdırmak mümkündür:

  let sayi = 42;  console.log(sayi);

Burada, let ile tanımlanmış bir sayi değişkeni oluşturulmuş ve değeri 42 olarak atanmıştır. console.log() yöntemi kullanılarak, sayi değişkeninin değeri konsol ekranında görüntülenir.

Bu yöntem, kodunuzda hataları tespit etmek ve kod akışını kontrol etmek için oldukça faydalıdır. Özellikle, büyük ve karmaşık kodlar içeren projelerde console.log() kullanarak hata ayıklama işlemini kolaylaştırabilirsiniz.


breakpoints

Breakpoints, kodunuzda belirli bir satırda kodun işleme durdurulmasını sağlayan bir debugging aracıdır. Genellikle karmaşık bir kod çalıştırdığınızda, yazdığınız kodun hangi satırda ve ne yapacağından emin olamayabilirsiniz. Bu nedenle, kodu belirli bir noktada durdurarak ne olduğunu ve ne yapacaklarını analiz edebilirsiniz.

Breakpoint kullanmak, kodunuzun bozuk olduğu yerleri bulmanıza ve sorunları düzeltmenize yardımcı olabilir. Breakpoint'leri kullanmak için, tarayıcınızın debugging araçlarından birini açın ve kod satırlarını izlemeye başlayın. Kodunuzda, bir değişkenin neden istediğiniz şekilde çalışmadığını veya bir fonksiyonun neden düzgün şekilde çalışmadığını gösteren bir sorun olduğunda, belirli bir satıra bir breakpoint ekleyin.

Breakpointler ayrıca bir döngü sırasında kodun işleme durdurulmasını sağlar. Böylece döngünün her adımında, değişkenlerin değerlerini ve kodun işleyişini inceleyebilirsiniz. Ayrıca, breakpointleri kullanarak, kodunuzun ne kadar sürede tamamlanacığını tahmin edebilirsiniz ve performansı artırmak için gereksiz kod satırlarını ortadan kaldırabilirsiniz.