Callback Hell'den Kurtulmak için Promise Kullanımı

Adı : Callback Hell'den Kurtulmak için Promise Kullanımı

Günümüz web uygulamalarının çoğu asenkron yapıya sahip olduğundan callback fonksiyonları sıklıkla kullanılır. Ancak çok fazla callback fonksiyon iç içe geçerse, kod okunması zor ve yönetilmesi zor hale gelir. Bu duruma Callback Hell denir ve Promise kullanımı ile bu durumdan kurtulabilirsiniz.
Promise Nedir?
Promise (söz) JavaScript'te yaygın olarak kullanılan bir yapıdır. Promise, callbacklerin yerini alarak asenkron işlemlerde daha okunaklı, yönetilebilir ve daha hata ayıklama yapılabilir bir yapı oluşturur.
Asenkron işlemler çözümleri hedefliyor olabilir, ihtiyaçlar çok farklı ve daha da öncelikli olarak yüksek dereceli programlama yolu, kapasitenizi araştırırken hataları en aza indirir ve performansınızı artırır.
Promise nasıl çalışır?
Promise, bir nesnedir ve soyut olarak kullanarak kodunuzdaki asenkron işlemleri işleyebilirsiniz. Bir fonksiyonun Promise döndürmesi gerekiyorsa, bu fonksiyonun iki durumu olacaktır: durum başarılıysa \"çözülmüş\", durum başarısızsa \"reddedilmiş\".
Promise, ancak bir defaya mahsus çözülebilir ya da reddedilebilir. Bir kere çözülen bir Promise, bir defadan fazla kullanılamaz. Ayrıca promise'i çözme veya red etme, Promise' e uygulayabileceğiniz bir dizi yöntem tarafından yönetilir.
Promise Temel Özellikleri:
1. Promise nesnesi bir fonksiyona gönderildiğinde, fonksiyon bir Promise nesnesi döndürür.
2. Promise, bir dizi işlemin başarılı veya başarısız olmasına karşın tamamlanmasını bekleyebilen zamanlamalı bir nesnedir.
3. Promise ise işlem tamamlandığında, fonksiyon sonucunu bir geri çağırma işleviyle geri döndürür.
4. Promise, bir nesne olduğundan, Promise özelliği (bir değişkene atanır) nesneler arası geçişini kolaylaştırır.
5. Yeni kullanıcıların daha kolay anlamaları amacıyla, Promise aşağıdaki beş durumdan birini alır:
\"Bekleme\", \"Çözülmüş\", \"Reddedilmiş\", \"Yapılandırılmış\" ve \"İç içe geçmiş\"
Promise Kullanım Örnekleri :
1. Basit bir Promise kullanımı
new Promise((resolve, reject) => {
setTimeout(() => {
resolve(\"Başarılı\");
}, 3000);
})
.then((successMessage) => {
console.log(successMessage);
})
.catch((errorMessage) => {
console.log(errorMessage);
});
Bu örnekte, bir Promise objesi bir fonksiyona geçirildi. Bu fonksiyon, bir setTimeout fonksiyonu kullanarak bir işlem gecikmesi (3 saniye) ekler ve ardından \"Başarılı\" sonucunu yanıt olarak çözer. Kümeleme yapıldıktan sonra `.then ()` işlevi kullanılarak başarılı sonuç yazdırılır. Yanlış bir sonuç durumunda, `catch ()` işlevi kullanılarak bir hata mesajı alınır.
2. Birden fazla Promises sonuçlarının birleştirilmesi
Promise.all([
new Promise((resolve, reject) => setTimeout(() => resolve(1), 500)),
new Promise((resolve, reject) => setTimeout(() => resolve(2), 200)),
new Promise((resolve, reject) => setTimeout(() => reject(new Error(\" Başarısız\")), 300))
]).then(console.log)
.catch(console.error);
Bu örnekte, `Promise.all()` kullanılarak tek bir Promise oluşturuldu. Bu, `setTimeout`'e geçilen üç farklı Promise'in bir dizi içinde işlenmesini içerir. Bu dizideki `resolve` fonksiyonları, tüm işlemlerin başarılı olması halinde bir dizi sonuç döndürür. Eğer sadece bir işlem başarısız olursa dizi, bu hatanın neden olduğu reddedilen Promise sonucuna eşit olacak.
Sık Sorulan Sorular (SSS):
1- Promise, Callback'ten ne farklıdır?
Promise'ler, bir dizi işlemin tamamlamasını bekleyebilen, tamamlanan işlemler için bir eleman döndüren ve hepsinden sonraki işlemler için yanıt veren nesnelerdir. Callback'ler asenkron çağrılarda bloke etmeyen temel bir işlev olarak yaratılmıştır. Geleneksel olarak, bir callback, bir işlemin tamamlanmasından sonra, bir sonuç veya hata durumunda bir geri dönüş değeri geri döndürmek için çalışan bir işlevdir.
2- Promise, Async / Await ile karşılaştırılabilir mi?
Promise, async / await için zemin hazırlar. Async / await, Promise tabanlı bir yazımın alternatifidir ve Promise kullanır. Async / await daha okunaklı ve daha düzenlidir, ancak Promise'lerin hatalarını hata ayıklama açısından daha iyi yönetebilirsiniz.
3- Promise Neden Önemlidir?
Asenkron kodlama işleri için bir koordinasyon yapısı sunar, yayınlar arasında daha iyi bir açık kod yapısı oluşmasını sağlar, ve yardımcı hata ayıklama yönetimi ve performans artışı sağlar. UClass Blog makalesi de Promise ile ilgili temel bilgileri özetlemektedir.