Konu 26: Asenkron JavaScript (Promises, Async/Await) (1 Görüntüleyici)

console.log("1. Senkron İşlem");

// Asenkron işlem - 2 saniye sonra çalışacak
setTimeout(() => { // Arrow function (ok fonksiyonu)
    console.log("3. Asenkron İşlem (2 saniye sonra çalıştı)");
}, 2000); // 2000 milisaniye (2 saniye) bekle

console.log("2. Senkron İşlem (Asenkronu beklemeyip hemen çalıştı)");

// Çıktı sırası:
// 1. Senkron İşlem
// 2. Senkron İşlem (Asenkronu beklemeyip hemen çalıştı)
// 3. Asenkron İşlem (2 saniye sonra çalıştı)

// API'den veri çekme (GET isteği)
fetch(API_URL + '/products') // fetch bir Promise döner
    .then(response => { // İlk .then() Promise resolve olduğunda (yanıt geldiğinde) çalışır
        // response objesi geldi, başarılı mı kontrol et
        if (!response.ok) {
            // Başarısız ise hata fırlat, bu .catch() tarafından yakalanır
            throw new Error(`HTTP hata! Status: ${response.status}`);
        }
        // Yanıt body'sini JSON olarak oku, bu da bir Promise döner
        return response.json();
    })
    .then(data => { // response.json() Promise'ı resolve olduğunda çalışır, parse edilmiş JSON data'yı alırız
        console.log('Ürün Listesi:', data);
        // Veriyi kullan (HTML güncelle vb.)
    })
    .catch(error => { // Zincirdeki herhangi bir Promise reject olduğunda (hata olursa) çalışır
        console.error('API isteği sırasında bir hata oluştu:', error);
        // Hata mesajı göster
    });

// API'den veri çekme (GET isteği) - async/await ile
async function fetchAndDisplayProductsAsync() { // async fonksiyon tanımla
    try { // Hata yönetimi için try...catch kullanılır
        console.log("Ürünler çekiliyor...");

        // fetch Promise'inin bitmesini bekle
        const response = await fetch(API_URL + '/products'); // await ile promise beklenir

        // Yanıt başarılı değilse hata fırlat (catch tarafından yakalanır)
        if (!response.ok) {
             // Hata body'sini de asenkron olarak çekip hata objesine ekleyebiliriz
             const errorData = await response.json(); // Hata body'sini bekle
             throw new Error(`API hata! Status: ${response.status}, Mesaj: ${errorData.message || response.statusText}`);
        }

        // Yanıt body'sini JSON olarak oku ve Promise'inin bitmesini bekle
        const data = await response.json(); // response.json() Promise'ını bekle

        console.log('Ürün Listesi:', data);
        // Veriyi kullan (HTML güncelle vb. - Konu 25'teki DOM kodları buraya gelebilir)

    } catch (error) { // try bloğunda herhangi bir hata (Promise reject dahil) olursa yakalanır
        console.error('API isteği sırasında bir hata oluştu:', error);
        // Kullanıcıya hata mesajı göster
    } finally {
        console.log("Fetch işlemi tamamlandı (başarılı veya hatalı).");
    }
}

// Async fonksiyonu çağırma
fetchAndDisplayProductsAsync();
console.log("fetchAndDisplayProductsAsync fonksiyonu çağrıldı..."); // Bu satır fonksiyon içindeki await'i beklemeden çalışır

async function addProductAsync(productData, apiKey) {
    try {
        const response = await fetch(API_URL + '/products', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-API-Key': apiKey
            },
            body: JSON.stringify(productData)
        });

         if (!response.ok) {
             const errorData = await response.json();
             throw new Error(`API Hatası! Status: ${response.status}, Mesaj: ${errorData.message || response.statusText}`);
         }

        const data = await response.json(); // Başarı mesajını veya eklenen ürünü içeren JSON yanıtı

        console.log('Ürün Ekleme Başarılı:', data);
        alert('Ürün başarıyla eklendi: ' + data.product.ad); // data.product.ad şeklinde erişim, API yanıtına göre değişir
        return data.product; // Eklenen ürünü döndür

    } catch (error) {
        console.error('Ürün ekleme sırasında bir hata oluştu:', error);
        alert('Ürün eklenirken hata oluştu: ' + error.message);
        throw error; // Hatayı tekrar fırlat ki çağıran da bilsin
    }
}

// Örnek Kullanım (Bir butona tıklanma olayında çağrılabilir)
// const yeniUrunBilgisi = { ad: 'Yeni Kitap', fiyat: 80 };
// const adminKey = 'admin_super_key';
// addProductAsync(yeniUrunBilgisi, adminKey)
//    .then(eklenenUrun => { console.log("Ana akışta eklenen ürün:", eklenenUrun); })
//    .catch(hata => { console.error("Ana akışta hata yakalandı:", hata); });