Promise Rejection Hatalarının Nedenleri
Bir işlemi başlatıp sonucunu beklediğinizde, eğer bu işlem beklenmedik bir şekilde başarısız olursa ve hata doğru bir şekilde yakalanmazsa, tüm uygulamanız bir anda çökebilir. Bunun en temel örneği, `Promise`'lerin `reject()` fonksiyonuyla geri döndüğü durumdur. Eğer bu hatalar .catch() ya da `try-catch` ile ele alınmazsa, JavaScript'te “unhandled promise rejection” hatası görmeye başlarsınız.
```javascript
let myPromise = new Promise((resolve, reject) => {
reject("Bir hata oluştu!");
});
myPromise.then(result => {
console.log(result);
});
```
Yukarıdaki kodda, `reject` çağrıldığında hata yakalanmazsa, bu bir promise rejection hatasına yol açar. Bu da uygulamanızın istemediğiniz şekilde çalışmasına sebep olabilir.
Hataların Önlenmesi İçin Best Practices
# 1. .catch() ile Hata Yönetimi
```javascript
myPromise
.then(result => console.log(result))
.catch(error => console.log("Hata: ", error));
```
# 2. async/await ile Hata Yönetimi
```javascript
async function fetchData() {
try {
let response = await fetch('https://api.example.com/data');
let data = await response.json();
console.log(data);
} catch (error) {
console.error("Bir hata oluştu:", error);
}
}
fetchData();
```
Bu kod, asenkron işlemleri daha temiz bir şekilde yönetir ve hata durumunda doğru şekilde müdahale etmenizi sağlar.
# 3. Global Error Handler Kullanımı
```javascript
window.onunhandledrejection = function(event) {
console.error("Bir Promise Rejection hatası oluştu:", event.reason);
};
```
Bu yöntem, tüm uygulama boyunca olası promise rejection hatalarını tek bir yerde yakalamanızı sağlar.
Promise Chaining ve Error Handling
Düşünün ki bir API'den veri alıyorsunuz ve bunun sonucunda bir işlem daha yapmanız gerekiyor. Eğer bir aşama başarısız olursa, sonraki adımlar da bozulur. Bu durumda hata yönetimi şu şekilde olmalıdır:
```javascript
getData()
.then(data => processData(data))
.catch(error => console.error("Bir hata oluştu:", error));
```
Yukarıdaki örnekte, `getData()` işlevi başarıyla sonuçlanmazsa, hemen `catch()` bloğuna geçerek hatayı yakalarız.
Asenkron Kodun Performansa Etkisi ve En İyi Pratikler
1. Promise.all() Kullanımı: Birden fazla bağımsız asenkron işlemi paralel olarak başlatmak için `Promise.all()` kullanın. Bu, işlemler tamamlandığında bir arada sonuç almanızı sağlar.
```javascript
Promise.all([fetchData(), fetchOtherData()])
.then(([data1, data2]) => {
console.log("Veriler başarıyla alındı:", data1, data2);
})
.catch(error => console.error("Hata:", error));
```
2. Lazy Loading: Gereksiz yere büyük veri yüklemelerini engellemek için lazy loading kullanın. Sadece gerekli veriler yüklendiğinde sayfa hızınızı iyileştirebilirsiniz.
3. Asenkron Veri Yükleme Sırasında Hata Yönetimi: Veriler yüklenirken oluşabilecek hataları yönetmek ve kullanıcıya doğru mesajlar göstermek, deneyimi önemli ölçüde iyileştirir.
Sonuç
---
