Как получить результат fetch в переменную?

Question

[Vova135798]

Мне нужно получить данные из функции в переменную. Я попробовал сам, но получаю [object Promise]

async function getCategories() {
    let response = await fetch('...');
    if (response.ok) {
        let data = await response.json();
        console.log(data);
        return data
    } else {
        alert('error', response.status);
    }
}
var jsonData = getCategories().then(value => {
    return value;
});
alert(jsonData);

Answer 1

[Stalker_RED]

Вам нужно дождаться когда вместо промиса будет результат.
const jsonData = await getCategories()...

Comments

[Vova135798]

Все равно выводит [object Promise]

[Алексей Уколов]

Stalker_RED, многоточие, похоже, ввело человека в заблуждение :)
Vova135798, then надо убрать, оставить только await getCategories() и тогда всё будет ок. Если нет, то показывайте полный неработающий код.

[Vova135798]

Алексей Уколов,

async function getCategories() {
    let response = await fetch('...');
    if (response.ok) {
        let data = await response.json();
        console.log(data);
        return data
    } else {
        alert('error', response.status);
    }
}


const jsonData = await getCategories();
alert(jsonData);

Вывело ошибку в консоль "[Error] SyntaxError: Unexpected identifier 'getCategories'. Expected ';' after variable declaration."

[Алексей Уколов]

А где вы этот код запускаете? Похоже на проблему с top level await.

[Vova135798]

Алексей Уколов, Это весь код. Мне нужно получить данные с сервере, чтобы дальше их обрабатывать и выводить

[Михаил Ливач]

Vova135798, имхо, вначале правильно было, смотрите:

var jsonData = getCategories().then(value => {
    return value;
});

функция getCategories() помечена как async , поэтому исполнение функции остановилось на строке :
let data = await response.json();
и был возвращён промис, чтобы основной код пошёл исполняться дальше. То, что Вы хотели сделать с jsonData , нужно поместить ниже показанной мной строчки, или вникать в промисы.

[Алексей Уколов]

А где вы этот код запускаете?

[Vova135798]

Алексей Уколов, в index.html добавлен script.is с кодом

[Алексей Дубровин]

Михаил Ливач,
Все что вы написали неверно.
Почему это исполнение остановилось на какой-то строчке? И вернуло промис.
Там ошибка не в этом.
Ниже описал ошибку

[Алексей Дубровин]

Vova135798,
синтаксис await работает только в функциях.
По этому когда вы вызываете

let asd = await ... // ошибка await работает только в функциях
async () =>{
await ...
}

[Алексей Уколов]

Vova135798, читайте статью по ссылке, там написано, как "обойти" проблему с top level await.

[Vova135798]

Алексей Уколов, Пожалуйста, направьте меня. Я не понимаю

[Stalker_RED]

Vova135798,
Вам и направляют, последние шесть или семь сообщений об этом:
await работает только внутри функции (или модуля).
Вам и пример дали, и ссылку, по которой разные способы решения, включая запуск хрома с флагами, омг.

Как для новичка, наверное проще всего обернуть в IIFE

[Vova135798]

Stalker_RED, Спасибо