Возможно ли вообще вернуть результат в асинхронной функции?

Question

[Вика Мармеладка]

У меня есть функция:

async function RenderCurrencies() {
    const API_KEY = 'ea1ecb2431c7cc30724620c2b4c2fc24'
    const response = await fetch(`http://api.exchangeratesapi.io/v1/latest?access_key=${API_KEY}`)

    return response 
}

let newVar = RenderCurrencies()

Подобные вопросы задавались, но все они были с вопросом на то можно ли вернуть с помощью просто return. Как я понял, сделать этого не возможно.
Но есть ли какие-то другие варианты, чтобы функция сделала запрос на сервак и вернула ответ, и результат я получил в переменной newVar?

Comments

[Lynn «Кофеман»]

> Как я понял сделать этого не возможно.

Answer 1

[Rsa97]

let newVar = await RenderCurrencies();

Comments

[Вика Мармеладка]

Да но для этого нужно закинуть эту переменную в функцию которая будет в блоке async

[WbICHA]

Вика Мармеладка, всё верно.

[Rsa97]

Вика Мармеладка, Да. Как правило, получается цепочка async-функций, которая начинается прямо от события, например от нажатия на кнопку.

Answer 2

[Роман]

В глобальном окружении только так получится:

RenderCurrencies()
    .then(result=> {
    // обработчик результата
})

Comments

[Вика Мармеладка]

Сделал как вы сказали, но возвращается

[[Prototype]]: Promise
[[PromiseState]]: "fulfilled"
[[PromiseResult]]: Object

"use strict";

async function RenderCurrencies() {
    const API_KEY = 'ea1ecb2431c7cc30724620c2b4c2fc24'
    const response = await fetch(`http://api.exchangeratesapi.io/v1/latest?access_key=${API_KEY}`)
    const data = await response.json()
    const currencies = await data.rates

    return currencies
}

let newVar = RenderCurrencies()
    .then(result => {
        return result
    })

console.log(newVar);

[Роман]

Вика Мармеладка, запись в переменную ошибочна, прошу прощения. В ней всегда будет Promise лежать

Всю обработку результата (тот же console.log) нужно производить внутри then

Answer 3

[zkrvndm]

У вас ошибка, правильно будет так:

async function RenderCurrencies() {
    const API_KEY = 'ea1ecb2431c7cc30724620c2b4c2fc24'
    const response = await (await fetch(`http://api.exchangeratesapi.io/v1/latest?access_key=${API_KEY}`)).text();
    return response;
}

let newVar = await RenderCurrencies();
console.log(newVar);

Comments

[Вика Мармеладка]

У вас тоже ошибка, переменная не в блоке async)))

[zkrvndm]

Вика Мармеладка, в консоли для демонстрации это будет работать, однако в одном вы правы, если вы где в своем коде используйте await, то это место обязательно должно быть обернуто в асинхронную функцию.

async function RenderCurrencies() {
    const API_KEY = 'ea1ecb2431c7cc30724620c2b4c2fc24'
    const response = await (await fetch(`http://api.exchangeratesapi.io/v1/latest?access_key=${API_KEY}`)).text();
    return response;
}

async function test() {
    let newVar = await RenderCurrencies();
    console.log(newVar);
}

test();