Kako deluje async/await?

Question

Accepted Answer

`async/await` je **sintaksna sladkorna obloga nad Promises**, ki vam omogoča pisanje asincronega koda, ki je videti kot sincroni kod. Funkcija `async` vedno vrne Promise; `await` zaustavi funkcijo, dokler se Promise ne razreši, nato pa nadaljuje z njeno vrednostjo.

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

## Zaporedno vs vzporedno — pogosta napaka v zmogljivosti

`await` vrši stvari **eno za drugo**. Če sta dva zahtevka med seboj neodvisna, čakanje nanju zapored je počasno:

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

## Obravnava napak

Uporabite `try/catch` namesto `.catch`. Obljuba, na katero čakate in je zavrnjena, vrže napako, zato en `catch` zajame celoten blok.

## Pod pokrovom

So še vedno Promises in red microtask — `await` ne blokira niti; odstopi nadzor, da se drugi kod izvršijo, nato nadaljuje. Ne pozabite: klicanje funkcije `async` brez `await` (ali `.catch`) lahko skriva napake.

## Zakaj je to pomembno

Naredi asincroni tok berljiv in je sodoben standard za sekvenciranje asincronega dela — vendar morate zavestno vzporediti neodvisne operacije z `Promise.all`.