await operatörü

await ile bir promise'in sonucunu nasıl bekleyeceğini öğrenirsin.

await ne yapar?

await operatörü bir promise'in sonucunu çıkarır ve kodu promise çözümlenene kadar duraklatır. Yalnızca bir async fonksiyonun içinde (ya da ES modülünde en üst düzeyde) kullanılabilir.

async function loadUser() {
  const user = await fetchUser();
  console.log(user);
}

Burada fetchUser() bir promise döndürür. await onun çözümlenmesini bekler, sonra sonucu user değişkenine verir. Böylece asenkron kod senkron görünümle yazılır.

await nerede kullanılır?

await anahtar kelimesi yalnızca bir async fonksiyonun gövdesinde geçerlidir. Sıradan bir fonksiyonda kullanılırsa sözdizimi hatası (SyntaxError) fırlatır. ES modüllerinde en üst düzeyde de kullanılabilir; bu durum 'top-level await' olarak bilinir.

// Hatalı: await, async dışında
function bad() {
  const x = await p;
}

Yukarıdaki kod hata verir. await'i kullanmak için fonksiyonu async yapmalısın.

Uygulama await ile promise sonucunu al

async function loadProfile() yaz. İçinde await ile fetchProfile() çağırıp sonucu profile değişkenine ata; sonra console.log(profile) yaz.

Örnek çözümü göster

async function loadProfile() {
  const profile = await fetchProfile();
  console.log(profile);
}

Kendini test et

await ekle

async function loadUser() {
  const user = ____ fetchUser();
  console.log(user);
}

Cevabı göster

async function loadUser() {
  const user = await fetchUser();
  console.log(user);
}

Aşağıdaki kod ne yapar?
```
function f() {
  const x = await p;
}
```
- Kod çalışır, x promise'in değerini alır.
- await p hiçbir zaman hata vermez.
- SyntaxError fırlatır çünkü fonksiyon async değil.
- p otomatik olarak çözümlenir.
Cevabı göster

SyntaxError fırlatır çünkü fonksiyon async değil. — Doğru! await yalnızca async fonksiyon içinde geçerlidir.
await kullanım senaryolarını eşleştir

await fetchUser()

promise çözümlenene kadar bekler
await Promise.resolve(10)

hemen 10 değerini verir
await Promise.reject(err)

hata fırlatır (try/catch gerekir)
await 5

5 döndürür (promise olmasa da çalışır)

Sıradaki ders: Asenkron hata yönetimi

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler