Wie funktioniert async/await?

Question

Accepted Answer

`async/await` ist **Syntaktischer Zucker über Promises**, mit dem du asynchronen Code schreiben kannst, der aussieht wie synchroner Code. Eine `async`-Funktion gibt immer ein Promise zurück; `await` pausiert die Funktion, bis sich ein Promise erfüllt, und setzt dann den Wert fort.

```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` führt Dinge **nacheinander** aus. Wenn zwei Anfragen nicht voneinander abhängen, ist das sequenzielle Abwarten verschwendet Leistung:

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

## Fehlerbehandlung

Verwende `try/catch` statt `.catch`. Ein abgelehntes erwartetes Promise wirft einen Fehler, sodass ein `catch` den ganzen Block abdeckt.

## Warum es wichtig ist

Es macht asynchrone Abläufe lesbar und ist der moderne Standard für die Sequenzierung asynchroner Arbeiten — aber du musst unabhängige Operationen mit `Promise.all` bewusst parallelisieren.

## Unter der Haube

Es sind immer noch Promises und die Microtask-Queue — `await` blockiert den Thread nicht; es übergibt die Kontrolle, damit anderer Code läuft, und wird dann fortgesetzt. Nicht vergessen: Eine `async`-Funktion ohne `await` aufzurufen (oder `.catch`) kann Fehler verschlucken.