CodeBlanks Logo Icon CodeBlanks

Özet - Promise'ler

Promise zincirini kullanarak bir kullanıcı bilgisi çekme ve gösterme akışı yazarsın.

Özet - Promise'ler

Bu grupta promise'lerin üç durumunu (pending, fulfilled, rejected), new Promise ile oluşturmayı ve then, catch, finally zincirlerini öğrendin. Ayrıca Promise.all ile paralel çalıştırmayı gördün.

Şimdi tüm bunları bir araya getiren bir akış yazacaksın: bir kullanıcı bilgisini promise zinciriyle çek ve göster.

Uygulama Kullanıcı akışı zinciri

fetchUser adlı fonksiyon bir promise döndürür. Şu zinciri kur: fetchUser'ı çağır; then ile kullanıcının name özelliğini console.log ile yazdır; catch ile hatayı console.log ile yazdır; finally ile hideSpinner'ı çağır.

Başlangıç kodu

script.js
fetchUser()
  // then ile name yazdır
  // catch ile hata yazdır
  // finally ile hideSpinner çağır

Örnek çözüm

script.js
fetchUser()
  .then(user => console.log(user.name))
  .catch(error => console.log(error))
  .finally(() => hideSpinner());

Soru ve cevaplar

Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.

1 Zincir metotlarını eşleştir

Kavram Anlamı
then Başarıyı yakalar
catch Hatayı yakalar
finally Temizliği yapar
Promise.all Paralel bekler

2 Tam zinciri tamamla

Soru
fetchUser()
  .then(user => console.log(user))
  .____(error => console.log(error))
  .finally(() => hideSpinner());
Cevap
fetchUser()
  .then(user => console.log(user))
  .catch(error => console.log(error))
  .finally(() => hideSpinner());

Açıklama: catch, hatayı yakalar ve finally temizliği yapar.

Orta seviye bölümündeki tüm dersler