Kako funkcionira async/await?

Question

Accepted Answer

`async/await` je **sintaksna šećer preko Promises** koja vam omogućava pisanje asinkronog koda koji izgleda kao sinkroni kod. `async` funkcija uvijek vraća Promise; `await` pauzira funkciju dok se Promise ne razriješi, zatim nastavlja sa vrijednosti.

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

## Sekvencijalni vs paralelni — česta greška performansi

`await` pokreće stvari **jedan za drugim**. Ako dva zahtjeva ne zavise jedno od drugoga, čekanje na njih u nizu je nerazumno spora:

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

## Rukovanje greškama

Koristite `try/catch` umjesto `.catch`. Odbijena čekana Promise baca grešku, tako da jedan `catch` pokriva cijeli blok.

## Ispod poklopca

Još uvijek su Promise i red čekanja za mikrozadatke — `await` ne blokira nit; prepušta kontrolu kako bi se drugi kod mogao izvršiti, zatim nastavlja. Ne zaboravite: pozivanje `async` funkcije bez `await`anja (ili `.catch`) može sakriti greške.

## Zašto je to važno

Čini asinkrone tokove čitljivima i to je moderni standard za redoslijed asinkronog rada — ali morate svjesno paralelizirati nezavisne operacije sa `Promise.all`.