Jak funguje async/await?

Question

Accepted Answer

`async/await` je **syntaktický cukr nad Promise** který vám umožňuje psát asynchronní kód, který vypadá jako synchronní. Funkce `async` vždy vrací Promise; `await` pozastaví funkci, dokud se Promise nevyřeší, a pak ji pokračuje s její hodnotou.

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

## Sequential vs parallel — a common performance mistake

`await` spouští věci **jeden po druhém**. Pokud dva požadavky na sobě nezávisí, jejich sekvenční čekání je zbytečně pomalé:

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

## Zpracování chyb

Místo `.catch` použijte `try/catch`. Odmítnutý čekaný Promise vyvolá výjimku, takže jeden `catch` pokrývá celý blok.

## Pod kapotou

Je to stále Promise a microtask queue — `await` neblokuje vlákno; předá řízení, aby běžel jiný kód, a pak se pokračuje. Nezapomeňte: volání funkce `async` bez jejího `await`ování (nebo `.catch`) může skrýt chyby.

## Proč na tom záleží

Tomu asynchronní toky čitelné a je moderní výchozí volbou pro sekvenční asynchronní práci — ale musíte vědomě paralelizovat nezávislé operace s `Promise.all`.