Jak działa async/await?

Question

Accepted Answer

`async/await` to **cukier syntaktyczny nad Promises**, który pozwala pisać asynchroniczny kod wyglądający jak kod synchroniczny. Funkcja `async` zawsze zwraca Promise; `await` wstrzymuje funkcję do momentu, aż Promise się osiedli, a następnie wznawia pracę z jego wartością.

```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
  }
}
```

## Sekwencyjnie vs równolegle — powszechny błąd wydajności

`await` uruchamia rzeczy **jedną po drugiej**. Jeśli dwa żądania nie zależą od siebie, oczekiwanie na nich sekwencyjnie jest niestety wolne:

```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()]);
```

## Obsługa błędów

Użyj `try/catch` zamiast `.catch`. Promise, na który czekasz i który zostanie odrzucony, rzuca wyjątek, więc jeden `catch` obejmuje cały blok.

## Pod maską

Wciąż jest to Promises i kolejka microtask — `await` nie blokuje wątku; oddaje kontrolę, aby inny kod mógł się wykonać, a następnie wznawia pracę. Nie zapomnij: wywoływanie funkcji `async` bez `await` (lub `.catch`) może ukryć błędy.

## Dlaczego to ważne

Czyni asynchroniczne przepływy czytelne i jest współczesnym standardem do sekwencjonowania pracy asynchronicznej — ale musisz świadomie zrównoleglić niezależne operacje za pomocą `Promise.all`.