Hvordan fungerer async/await?

Question

Accepted Answer

`async/await` er **syntaktisk sukker over Promises** som gør det muligt at skrive asynkron kode, der læses som synkron kode. En `async`-funktion returnerer altid et Promise; `await` pauser funktionen, indtil et Promise afgjøres, og fortsætter derefter med dets værdi.

```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` kører ting **én efter én**. Hvis to forespørgsler ikke er afhængige af hinanden, er det spild af tid at vente på dem i rækkefølge:

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

## Fejlhåndtering

Brug `try/catch` i stedet for `.catch`. Et afvist afventet Promise kaster, så ét `catch` dækker hele blokken.

## Under motorhjelmen

Det er stadig Promises og microtask-køen — `await` blokerer ikke tråden; det afgivter kontrol, så anden kode kan køre, og derefter fortsætter det. Glem ikke: at kalde en `async`-funktion uden at `await`ere den (eller `.catch`ere den) kan skjule fejl.

## Hvorfor det betyder noget

Det gør asynkrone strømme læsbare og er den moderne standard for sekvensering af asynkront arbejde — men du skal bevidst parallelisere uafhængige operationer med `Promise.all`.