Почему возвращается promise pending?

Question

[Александр Ширяев]

const postValue = async (query) => {
    const url = 'https://suggestions.dadata.ru/suggestions/api/4_1/rs/suggest/address';
    const token = 'blablabla...';
    // let query = 'москва';
    
    const options = {
        method: 'POST',
        mode: 'cors',
        headers: {
            'Content-Type': 'application/json',
            Accept: 'application/json',
            Authorization: `Token ${token}`,
        },
        body: JSON.stringify({ query }),
    };
    
    return fetch(url, options)
        .then((response) => response.text())
        .then((result) => result)
        .catch((error) => console.log('error', error));
};

console.log('DATA', postValue('москва'));

Answer 1

[dpablo_escobarr]

строку "return fetch(url, options)" замени на "return await fetch(url, options)"

Comments

[Александр Ширяев]

dpablo_escobarr Извиняюсь, не заметил async в начале. Сейчас так выглядит код, кучу раз ег оправил

[dpablo_escobarr]

Александр Ширяев, в console.log('DATA', await postValue('москва'))

[HealSpirit]

dpablo_escobarr, ничего же не изменится. async функции все равно вернут промис

[Александр Ширяев]

dpablo_escobarr, спасибо!

[WbICHA]

О, раскрой нам секрет, зачем ставить евейт на ретурне промиса? (если он не в трай-кетч)

Answer 2

[wind-of]

Советую перечитать о том, как работает асинхронность в JavaScript.
https://javascript.info/async-await

Вкратце, функция postValue асинхронная, и возвращает промис. Вы не дожидаетесь, пока он зарезолвится, отчего и такой результат.

Либо пишите:

postValue("москва").then((data) => console.log("data", data))

Либо дожидайтесь резолва:

const data = await postValue("москва")
console.log("DATA", data)

Если участок кода находится на top level, то учтите уровень поддержки top level await.

В случае, если поддержки недостаточно, оберните в async IIFE

(async () => {
  const data = await postValue("москва")
  console.log("DATA", data)
})()