async/await nasıl çalışır?

Question

Accepted Answer

`async/await` **Promises üzerinde syntax şeker** olup, senkron kod gibi okunan asenkron kod yazmanızı sağlar. Bir `async` fonksiyonu her zaman bir Promise döndürür; `await` bir Promise kesinleşene kadar fonksiyonu duraklatır, ardından değeriyle devam eder.

```js
async function loadUser(id) {
  try {
    const res = await fetch(`/api/users/${id}`); // pause until the response
    const user = await res.json();               // pause until parsed
    return user;                                  // becomes the resolved value
  } catch (err) {
    console.error(err); // catches rejections from any await above
  }
}
```

## Sıralı vs paralel — yaygın bir performans hatası

`await` şeyleri **birer birer** çalıştırır. İki istek birbirine bağlı değilse, onları sırayla beklemek israf edici şekilde yavaştır:

```js
// ❌ sequential — total time = a + b
const a = await getA();
const b = await getB();

// ✅ parallel — total time = max(a, b)
const [a, b] = await Promise.all([getA(), getB()]);
```

## Hata işleme

`.catch` yerine `try/catch` kullanın. Reddedilen beklenmiş promise fırlatır, bu nedenle tek bir `catch` tüm bloku kapsar.

## Perde arkasında

Hala Promises ve microtask queue — `await` thread'i engellemez; kontrol vererek başka kod çalışır, sonra devam eder. Unutmayın: bir `async` fonksiyonunu `await` etmeden (veya `.catch` olmadan) çağırmak hataları gizleyebilir.

## Neden önemli

Asenkron akışları okunabilir hale getirir ve asenkron çalışmayı sıralamanın modern standardıdır — ancak `Promise.all` ile bağımsız işlemleri bilinçli olarak paralelleştirmeniz gerekir.