Почему промис без await не даст нужного результата при использовании внутри async-функции?

Почему промис без await не даёт нужного результата?

В JavaScript async-функции всегда возвращают Promise. Когда вы вызываете промис без await, функция не ждёт его завершения — она сразу переходит к следующей строке кода. Это связано с тем, что await приостанавливает выполнение функции до тех пор, пока промис не будет разрешён (fulfilled) или отклонён (rejected). Без await промис просто запускается, но его результат не извлекается.

Пример с await и без него

async function fetchData() {
  const data = fetch('https://api.example.com/data');
  console.log(data); // Promise {<pending>}
  // Функция не ждёт ответа
}

async function fetchDataCorrect() {
  const response = await fetch('https://api.example.com/data');
  const data = await response.json();
  console.log(data); // Фактические данные
}

Как это работает?

• Без await: промис запускается, но управление сразу возвращается в функцию. Вы получаете объект Promise, а не его значение.
• С await: выполнение функции приостанавливается до разрешения промиса, и результат присваивается переменной.

Где это применяется?

Это критично при работе с API, базами данных, файловой системой — везде, где нужен результат асинхронной операции. Без await код может выполняться в неправильном порядке, вызывая ошибки или undefined.

Вывод

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