Asenkron Fonksiyon Nedir?

JavaScript'te asenkron fonksiyonlar, zaman alan işlemler (örneğin API çağrıları, dosya okuma) sırasında kodun diğer kısımlarının bloke olmamasını sağlar. Async ve await yapısı, bu işlemleri daha okunabilir ve yönetilebilir hale getirir.

Async ve Await Anahtar Kelimeleri

• async: Fonksiyonun asenkron olduğunu belirtir.
• await: Promise dönen işlemin tamamlanmasını bekler.

Örnek: Basit Bir Asenkron Fonksiyon

Aşağıdaki örnekte, setTimeout ile simüle edilen gecikmeli bir işlemi await ile bekliyoruz:

async function bekle(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

async function mesajGoster() {
  console.log('İşlem başladı');
  await bekle(2000); // 2 saniye bekleme
  console.log('2 saniye sonra bu mesaj gösterildi');
}

mesajGoster();

Bu örnekte, bekle fonksiyonu, verilen süre kadar bekleyen bir Promise döner. mesajGoster fonksiyonu ise await ile bu Promise'in tamamlanmasını bekler, böylece kod akışı daha senkronize bir görünüm kazanır.

Gerçek Hayat Örneği: API'den Veri Çekme

Asenkron fonksiyonları bir REST API'den veri çekerken nasıl kullanacağımıza bakalım:

async function kullaniciGetir(userId) {
  try {
    const response = await fetch(`https://jsonplaceholder.typicode.com/users/${userId}`);
    if (!response.ok) {
      throw new Error('Ağ hatası');
    }
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error('Hata oluştu:', error);
  }
}

kullaniciGetir(1);

Yukarıdaki fonksiyonda, fetch fonksiyonu bir Promise döner ve await ile tamamlanması beklenir. Gelen yanıtın durumu kontrol edilir, ardından JSON verisi okunur. Herhangi bir hata durumunda try-catch bloğu ile hata yakalanır.

Özet

JavaScript'te asenkron fonksiyonlar, işlemleri daha temiz ve okunabilir bir şekilde yapmanızı sağlar. Async/await kullanımı, Promise tabanlı işleri senkronize yazıyormuş gibi yönetmenizi kolaylaştırır.

Bu yöntem özellikle API çağrılarında, zaman alan IO işlemlerinde ve uzun süren diğer görevlerde oldukça faydalıdır.