Hvordan fungerer async/await?

Question

Accepted Answer

`async/await` er **syntakssukkering over Promises** som lar deg skrive asynkron kode som ser ut som synkron kode. En `async`-funksjon returnerer alltid en Promise; `await` pauser funksjonen til en Promise blir løst, og gjenopptar deretter med dens verdi.

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

## Sekvensielt vs parallelt — en vanlig ytelsesmistake

`await` kjører ting **etter hverandre**. Hvis to forespørsler ikke er avhengige av hverandre, er det sløseri å avvente dem sekvensielt:

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

## Feilhåndtering

Bruk `try/catch` i stedet for `.catch`. En avvist avventet promise kaster, så ett `catch` dekker hele blokken.

## Under the hood

Det er fortsatt Promises og microtask-køen — `await` blokkerer ikke tråden; det gir fra seg kontrollen slik at annen kode kjører, og gjenopptar deretter. Husk: å kalle en `async`-funksjon uten å `await` (eller `.catch`) den kan skjule feil.

## Hvorfor det betyr noe

Det gjør asynkrone flyter lesbare og er den moderne standarden for å sekvensialisere asynkront arbeid — men du må bevisst parallelisere uavhengige operasjoner med `Promise.all`.