Почему не работает await fetch?

Question

[beduin01]

По идее fetch возвращает промис, а await должен ждать данных и заполнять ими переменную т.е. следующий код должен быть полностью валиден:

var url = "https://jsonplaceholder.typicode.com/users";
var mydata = await fetch(url);

Однако Хром почему-то ругается: "Uncaught SyntaxError: Unexpected identifier".

Comments

[nagana12]

function foo(bar) {
            let data = fetch('https://reqres.in/api/users', { method: 'GET' })
                .then(myJson => myJson.json())
                .then(res => res.data)

            return data
        }

        async function bar(callback) {
            let getData = await callback()
         
            console.log('callback data', getData)
        }

        bar(foo)

Answer 1

[lega]

await можно использовать только в async фцнкции

Comments

[beduin01]

fetch у нас же async разве нет? Как указанный код тогда можно записать?

[lega]

beduin01: async function foo() { await fetch('') }

[beduin01]

lega: не могли бы показать в ответе полный пример. Я делаю так:
async function foo() { return await fetch(url) }
console.log(foo());

в итоге выводится только промис.

[_ _]

beduin01: foo().then((result) => console.log(result););
На верхнем уровне вам все равно эти функции придется использовать, как промисы

[beduin01]

А как нить так можно (и сюда добавить await)?

let x = fetch(url);
var z = x.then(function(response) { return response.status })

[lega]

beduin01: https://jsfiddle.net/lega911/foqnL6sz/

[beduin01]

lega: видимо main должен быть как async? У меня не работает...
https://jsfiddle.net/dpyvkate/ (использую Vue)

[lega]

beduin01: jsfiddle.net/lega911/2509w2yf

Answer 2

[Виталий]

async function name () {
   try {
            let data = await promiseName();
            retrurn data;
        } 
   catch(error){
        throw error;
        }
}

name().then(console.log).catch(console.error);

Answer 3

[_ _]

Вы сначала с поддержкой ознакомьтесь
caniuse.com/#feat=async-functions

Эта фича еще в черновике стандарта - если хотите использовать, то Babel в руки

Comments

[beduin01]

Меня пока уровень поддержки устраивает, надо только разобраться как этой возможностью правильно пользоваться.