Что происходит, если не использовать await при вызове асинхронной функции?

Асинхронные функции в JavaScript, объявленные с ключевым словом async, всегда возвращают объект Promise. Ключевое слово await используется внутри таких функций для приостановки выполнения до тех пор, пока Promise не будет разрешен (fulfilled) или отклонен (rejected). Если вызвать асинхронную функцию без await, то вы получите непосредственно этот Promise, а не его результат.

Что происходит без await

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

Пример кода

async function fetchData() {
    // Имитация асинхронной операции, например, запроса к API
    return new Promise(resolve => setTimeout(() => resolve('Данные получены'), 1000));
}

async function process() {
    // Вызов без await
    const dataPromise = fetchData();
    console.log(dataPromise); // Выведет: Promise { <pending> }
    // Попытка использовать Promise как строку вызовет ошибку
    // console.log(dataPromise.toUpperCase()); // Ошибка!
    
    // Правильный вызов с await
    const data = await fetchData();
    console.log(data); // Выведет: 'Данные получены' (через 1 секунду)
}

process();

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

Иногда намеренный вызов без await полезен, когда нужно запустить несколько асинхронных операций параллельно для повышения производительности. Например, можно запустить несколько запросов одновременно, а затем использовать Promise.all для ожидания всех результатов.

Вывод

Используйте await для ожидания результата асинхронной функции, когда последующий код зависит от этого результата. Если нужно выполнить операции параллельно или управлять Promise вручную, можно опустить await, но тогда требуется явная обработка Promise с помощью методов .then() или .catch().