jak zwrocic wartosc z promise?

Question

Witam, mam pytanie z ktorym nie jestem sobie w stanie poradzic. Jak zwrocic wartosc z promise nie przypisujac jej do zmiennej globalnej?

function test(){
    fetch('https://api.exchangeratesapi.io/latest?base=PLN')
    .then(response => {
        return response.json()
    })
    .then(resp => {
        let sprawdzam = resp.rates; 
        return sprawdzam;
    })
}
test();


// ze zmienna globalna
let sprawdzam = '';
function test(){
    fetch('https://api.exchangeratesapi.io/latest?base=PLN')
    .then(response => {
        return response.json()
    })
    .then(resp => {
        sprawdzam = resp.rates; 
        console.log(sprawdzam)
        return sprawdzam;
    })
}
test();

 

Answer 1

W skrócie: nie zwracasz. Kod używający `sprawdzam` powinien być wywołany ze środka callbacka w `.then()`, nie poza nim. Pamiętaj że ten kod jest asynchroniczny, ten callback w .then() może wywołać się w dowolnym momencie.

(Jeśli chcesz na to ładniejszą składnię w której to wygląda jak "zwracanie", poczytaj o async/await)

Comments

mogłbys mi zademonstrowac jakby to wygladalo?

---

Kod używający `sprawdzam` powinien być wywołany ze środka callbacka w `.then()`, nie poza nim

function test(){
    fetch('https://api.exchangeratesapi.io/latest?base=PLN')
    .then(response => response.json())
    .then(resp => {
        let rates = resp.rates; 

        // tutaj używasz rates
        zrob_cos(rates);
    });
}

Możesz też zwrócić promise i trochę przesunąć miejsce użycia, ale poza organizacją kodu to to na jedno wychodzi:

function test(){
    return fetch('https://api.exchangeratesapi.io/latest?base=PLN')
      .then(response => response.json())
      .then(resp => resp.rates);
}

test().then(rates => {
    // tutaj używasz rates
})

A z async/await to:

async function test(){
    let response = await fetch('https://api.exchangeratesapi.io/latest?base=PLN');
    let resp = await response.json();
    
    let rates = resp.rates; 

    // tutaj używasz rates
    zrob_cos(rates);

    // lub zwracasz
    return rates;
}

// ale to wciąż kod asynchroniczny, więc używając test() trzeba:
test().then(rates => {
    // tutaj używasz rates
})

    // albo w async funkcji:
    let rates = await test();

 

---

Super, dzieki wielkie za odpowiedz!

---

Można by jeszcze dodać `try { await... } catch(e) { ... }` żeby obsłużyć błąd przy fetchowaniu