then ile başarıyı yakalama

then ile başarılı sonucu ve dönen değeri yakalamayı öğrenirsin.

then ile sonucu yakalama

Bir promise tamamlandığında sonucu almak için then metodunu kullanırsın. then, bir fonksiyon alır ve bu fonksiyona promise'in çözdüğü değer geçirilir.

const order = new Promise(resolve => resolve('gönderildi'));
order.then(status => {
  console.log(status);
});

then kendisi de yeni bir promise döndürür; bu sayede zincirleme yapabilirsin. Callback'lerin aksine, sonuç hazır olduğunda otomatik çağrılır.

Zincirleme (chaining)

Her then çağrısı yeni bir promise döndürdüğü için, sonuçları sırayla işleyebilirsin. Bir then'in döndürdüğü değer, bir sonraki then'e geçirilir.

fetchOrder()
  .then(order => order.id)
  .then(id => console.log(id));

Bu zincir yapısı, iç içe callback'lerin yerine geçer ve kodu yukarıdan aşağıya okunur hale getirir. Her halka bir sonrakine veri aktarır.

Uygulama İki then ile name'i yazdır

loadUser adlı fonksiyon bir promise döndürür ve bu promise bir kullanıcı nesnesine çözülür. loadUser'ı çağır; ilk then ile kullanıcının name özelliğini döndür; ikinci then ile bu ismi console.log ile yazdır.

Örnek çözümü göster

loadUser()
  .then(user => user.name)
  .then(name => console.log(name));

Kendini test et

then metodu ne döndürür?
- Resolve edilen değeri
- undefined
- Yeni bir promise
- Orijinal promise'i
Cevabı göster

Yeni bir promise — Doğru! then her zaman yeni bir promise döndürür.

Zincirin ikinci halkası

fetchOrder()
  .then(order => order.id)
  .____(id => console.log(id));

Cevabı göster

fetchOrder()
  .then(order => order.id)
  .then(id => console.log(id));

then kavramlarını eşleştir

then

Başarılı sonucu yakalar
dönüş değeri

Sonraki then'e geçer
zincirleme

then'leri sıraya dizer

Sıradaki ders: catch ile hata yakalama

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler