Как работает async/await?

Question

Accepted Answer

`async/await` — это **синтаксический сахар над Promises**, который позволяет писать асинхронный код, выглядящий как синхронный. Функция `async` всегда возвращает Promise; `await` приостанавливает функцию до разрешения Promise, затем возобновляет работу с его значением.

```js
async function loadUser(id) {
  try {
    const res = await fetch(`/api/users/${id}`); // pause until the response
    const user = await res.json();               // pause until parsed
    return user;                                  // becomes the resolved value
  } catch (err) {
    console.error(err); // catches rejections from any await above
  }
}
```

## Последовательно vs параллельно — распространённая ошибка производительности

`await` выполняет операции **одну за другой**. Если два запроса независимы друг от друга, ожидание их по очереди неэффективно медленно:

```js
// ❌ sequential — total time = a + b
const a = await getA();
const b = await getB();

// ✅ parallel — total time = max(a, b)
const [a, b] = await Promise.all([getA(), getB()]);
```

## Обработка ошибок

Используйте `try/catch` вместо `.catch`. Отклонённый Promise, на который вы ждали, вызывает исключение, поэтому один `catch` охватывает весь блок.

## Под капотом

Это по-прежнему Promises и очередь microtask — `await` не блокирует поток; он отдаёт управление, чтобы другой код мог выполниться, затем возобновляет работу. Не забывайте: вызов функции `async` без `await` (или `.catch`) может скрыть ошибки.

## Почему это важно

Это делает асинхронные потоки читаемыми и является современным стандартом для последовательного выполнения асинхронной работы — но вы должны сознательно распараллеливать независимые операции с помощью `Promise.all`.