Как получить данные из функции(метода) после выполнения промиса?

Question

[didrux]

Доброго времени суток, есть такой код:

export default class SomeClass {

    setReservations() {
        const icalUrl = 'someUrlWithData'

        async function getIcalData() {
            return await fetch(`${icalUrl}`);
        }

        getIcalData().then(promise => promise.text()).then(response => console.log(response))
    }
    return response;
}

Мне нужно получить значение response как переменную, которую можно использовать в коде в дальнейшем.

Попытался записать response в заранее обьявленную переменную, но столкнулся с синхронным выполнением кода

export default class SomeClass {

    setReservations() {
        let myVariable = "";
        const icalUrl = 'someUrlWithData';

        async function getIcalData() {
            return await fetch(`${icalUrl}`);
        }

        getIcalData().then(promise => promise.text()).then(response => myVariable = response))
    }
    return myVariable;
}

Получается при вызове метода setReservations() я получаю пустую строку, так как код выполняется синхронно, а присваивание значения response переменной myVariable происходит позже.

Как, вызывая метод класса, получить благодаря return результат выполнения промиса?

Comments

[Сергей Соколов]

стоит перечитать про async / await

В частности, не пропустить момент, что

await нельзя использовать в обычных функциях

Answer 1

[Rsa97]

export default class SomeClass {
    async setReservations() {
        const icalUrl = 'someUrlWithData';
        const response = await fetch(icalUrl);
        const text = await response.text();
        return text;
    }
}

И вызывать метод через await.

const foo = new SomeClass();
const data = await foo.setReservations();

Comments

[didrux]

main.js:9 Uncaught SyntaxError: await is only valid in async functions and the top level bodies of modules (at main.js:9:14)

[didrux]

async function setReservations() {
    const icalUrl = 'url';
    const response = await fetch(icalUrl);
    const text = await response.text();
    return text;
}

const data = await setReservations();

console.log(data);

[WapSter]

didrux, await должен быть внутри асинхронной функции. Даже ошибка это говорит

[didrux]

WapSter, это будет какое-то бесконечное колесо сансары асинхронных функций. Можно как-то экстрактировать значение переменной из этих всех асинхронностей?

[Rsa97]

didrux, Нельзя. Альтернативой async/await будет цепочка .then или callback-hell.

Answer 2

[Сергей Соколов]

Решите сначала упрощенную изолированную проблему (для себя)

function getValue() {
  return new Promise(resolve => setTimeout(() => resolve(123), 2000))
    .then(data => data * 2);
}

Как вы получите значение 246 из этой функции «в переменную»?

Когда разберётесь, скорее всего, разрешится и весь прочий «порочный круг асинхронности».