Hur fungerar async/await?

Question

Accepted Answer

`async/await` är **syntaktiskt socker över Promises** som låter dig skriva asynkron kod som läses som synkron kod. En `async`-funktion returnerar alltid en Promise; `await` pausar funktionen tills en Promise löses, sedan återupptas den med dess värde.

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

## Sekventiell vs parallell — ett vanligt prestandafel

`await` kör saker **en efter en**. Om två förfrågningar inte beror på varandra är det slöseri att avvakta dem i följd:

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

## Felhantering

Använd `try/catch` istället för `.catch`. En avslagna avvakta promise kastar, så en `catch` täcker hela blocket.

## Under huven

Det är fortfarande Promises och microtask-kön — `await` blockerar inte tråden; den ger kontroll så att annan kod körs, sedan återupptas den. Glöm inte: att anropa en `async`-funktion utan att `await`a (eller `.catch`) den kan dölja fel.

## Varför det är viktigt

Det gör asynkrona flöden läsbara och är den moderna standarden för att sekvensera asynkront arbete — men du måste medvetet parallellisera oberoende operationer med `Promise.all`.