Hogyan működik az async/await?

Question

Accepted Answer

Az `async/await` a **Promises fölött levő szintaktikai cukor**, amely lehetővé teszi, hogy aszinkron kódot írj, amely szinkron kódnak tűnik. Az `async` függvény mindig Promise-t ad vissza; az `await` szünetelteti a függvényt, amíg a Promise lezárul, majd folytatódik a értékével.

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

## Szekvenciális vs párhuzamos — közös teljesítménybeli hiba

Az `await` **egymás után** futtatja a dolgokat. Ha két kérés nem függ egymástól, a szekvenciális várakozás feleslegesen lassú:

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

## Hibakezelés

Használj `try/catch`-et a `.catch` helyett. Az elutasított várakozott Promise hibát dob, így egy `catch` az egész blokkot lefedi.

## A motorháztető alatt

Még mindig Promises és mikrotask queue — az `await` nem blokkolja a szálat; átadja a vezérlést, hogy más kód futhasson, majd folytatódik. Ne felejtsd el: `async` függvényt hívni `await` (vagy `.catch`) nélkül eltakarithatja a hibákat.

## Miért fontos

Olvashatóvá teszi az aszinkron folyamatokat, és a modern alapértelmezett az aszinkron munka szekvenciálásához — de tudatosan kell párhuzamosítanod a független operációkat az `Promise.all`-lal.