Kuinka async/await toimii?

Question

Accepted Answer

`async/await` on **syntaktista sokeria Promise-objektien yli**, joka antaa sinulle mahdollisuuden kirjoittaa asynkronista koodia, joka näyttää synkroniselta. `async`-funktio palauttaa aina Promise-objektin; `await` keskeyttää funktion, kunnes Promise ratkeaa, ja jatkaa sitten sen arvolla.

```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` suorittaa asiat **yksi kerrallaan**. Jos kaksi pyyntöä eivät riipu toisistaan, niiden peräkkäinen odottaminen on turha ja hidas:

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

## Virheiden käsittely

Käytä `try/catch` sijasta `.catch`. Hylätty odotettu Promise heittää poikkeuksen, joten yksi `catch` kattaa koko lohkon.

## Pinnan alla

Se on silti Promise ja microtask-jono — `await` ei estä säiettä; se luovuttaa hallinnan muulle koodille, jota voidaan suorittaa, ja jatkaa sitten. Älä unohda: `async`-funktion kutsuminen ilman `await`-odottamista (tai `.catch`-käsittelyä) voi piilottaa virheet.

## Miksi se on tärkeää

Se tekee asynkronisista virroista luettavia ja on nykyaikainen oletus asynkronisen työn järjestämiselle — mutta sinun on tietoisesti rinnakkaistettava riippumattomat operaatiot käyttäen `Promise.all`.