JavaScript'te setInterval ve setTimeout Nedir?

JavaScript'te zamanlayıcı fonksiyonlar, belirli bir süre sonra bir işlevin yürütülmesini planlamak için kullanılır. İki temel zamanlayıcı fonksiyon vardır: setTimeout ve setInterval. Bu makalede, bu iki fonksiyonun ne işe yaradığını ve nasıl kullanıldığını öğreneceğiz.

- setTimeout fonksiyonu, belirli bir süre sonra bir işlevin bir kez çalıştırılmasını sağlar. Temel sözdizimi şu şekildedir:

setTimeout(function, gecikme);

Örnek Kullanım:

setTimeout(function() {
  console.log("3 saniye sonra bu mesaj görüntülenecek");
}, 3000);

- setInterval fonksiyonu, belirli aralıklarla bir işlevin tekrar tekrar çalıştırılmasını sağlar. Temel sözdizimi şu şekildedir:

setInterval(function, interval);
//interval=aralık

Örnek Kullanım:

setInterval(function() {
  console.log("Her 2 saniyede bir bu mesaj görüntülenecek");
}, 2000);

setTimeout ve setInterval Arasındaki Farklar

- Tek Seferlik vs. Tekrarlı Çalıştırma: setTimeout yalnızca bir kez çalışırken, setInterval belirli aralıklarla sürekli olarak çalışır.
- Geri Çağırma (Callback) Zamanlaması: setTimeout ile belirtilen gecikme süresinden sonra işlev çağrılırken, setInterval ile belirtilen aralıklarla işlev sürekli çağrılır.

Kullanım Alanları

- Animasyonlar: Belirli aralıklarla görsel değişiklikler yapmak için.
- Geri Sayımlar ve Zamanlayıcılar: Belirli bir süre sonra bir işlemi başlatmak veya durdurmak için.
- Düzenli İşlemler: Periyodik veri güncellemeleri veya kontrolleri yapmak için.

setTimeout ve setInterval, JavaScript'te zamanlanmış işlemleri gerçekleştirmek için kullanılan güçlü araçlardır. Doğru kullanıldıklarında, uygulamanızın işlevselliğini artırabilir ve kullanıcı deneyimini geliştirebilirler.

JavaScript "For of" ve "For in" Döngüleri

for of ve for in döngüleri JavaScript'te farklı amaçlarla kullanılırlar. Bu döngülerin kullanım amaçları ve farklılıkları, kod yazarken doğru seçimi yapmanızı sağlar.

"For of" döngüsü

Genellikle iterable (yinelenebilir) nesneleri, yani Array, String, Map, Set gibi veri yapıları üzerinde döngü kurmak için kullanılır. Örnek Kullanım:

const array = ['elma', 'armut', 'muz'];

for (const meyve of array) {
    console.log(meyve);
}

// Çıktı:
// elma
// armut
// muz

Özellikler:
- for of, iterable nesnelerin elemanlarını direkt olarak döndürür.
- Diziler, stringler, Map ve Set gibi yapılar üzerinde kullan...

JavaScript Hata Türleri

Syntax Errors

Sözdizimi hataları, kodun yazım kurallarına uygun olmaması durumunda ortaya çıkar. Tarayıcı veya JavaScript çalışma ortamı bu hataları kod çalışmadan önce tespit eder.

var x = 10
if (x == 10) { // Eksik parantez
    console.log("Hello");
// }

Yukarıdaki örnekte "if" yapısının kapanma parantezi yorum satırına alındığı için bir yazım hatası (Syntax Error) oluşmuştur.

TypeError

Bir değişkenin veya değerin beklenen türde olmaması durumunda meydana gelir. Örnek:

let obj = null;
console.log(obj.property); //null üzerinde toUpperCase() çağrılamaz