Cum funcționează async/await?

Question

Accepted Answer

`async/await` este **zahăr sintactic peste Promises** care vă permite să scrieți cod asincron care arată ca cod sincron. O funcție `async` returnează întotdeauna o Promise; `await` pausează funcția până când o Promise se rezolvă, apoi reia cu valoarea acesteia.

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

## Secvențial vs paralel — o greșeală comună de performanță

`await` rulează lucrurile **una după alta**. Dacă două cereri nu depind una de cealaltă, așteptarea lor în secvență este rău din punct de vedere al performanței:

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

## Gestionarea erorilor

Utilizați `try/catch` în loc de `.catch`. O Promise așteptată și respingă aruncă o excepție, deci un singur `catch` acoperă întregul bloc.

## Sub capotă

Sunt încă Promises și rând microtask — `await` nu blochează firul; cedează controlul pentru ca alt cod să se execute, apoi reia. Nu uitați: apelarea unei funcții `async` fără `await` (sau `.catch`) poate ascunde erori.

## De ce este important

Face fluxurile asincrone citibile și este standardul modern pentru secvențierea lucrărilor asincrone — dar trebuie să paralelizați în mod conștient operațiile independente cu `Promise.all`.