Kaip veikia async/await?

Question

Accepted Answer

`async/await` yra **syntaktinis cukrus virš Promises**, kuris leidžia rašyti asinchroninį kodą, kuris skaitomas kaip sinchroninis kodas. `async` funkcija visada grąžina Promise; `await` sustabdo funkciją, kol Promise susitvarko, tada tęsia grąžintą reikšmę.

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

## Nuoseklus vs lygiagretus — dažna veikimo klaida

`await` vykdo dalykus **vienas po kito**. Jei dvi užklausos nepriklauso viena nuo kitos, nuoseklus jų laukimas yra nesumaniai lėtas:

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

## Klaidų tvarkymas

Naudokite `try/catch` vietoj `.catch`. Atmesta laukta promise iškelia klaidą, todėl vienas `catch` apima visą bloką.

## Po to

Tai vis dar Promises ir microtask eilė — `await` neblokuoja gijos; jis suteikia kontrolę kitam kodui veikti, tada tęsia. Nepamirškite: skambinant `async` funkciją be `await` (arba `.catch`) galima nuslėpti klaidas.

## Kodėl tai svarbu

Jis daro asinchroninius srautus skaitytinus ir yra šiuolaikinė asinchroninio darbo nuoseklaus vykdymo numatytoji reikšmė — tačiau turite sąmoningai paralelizuoti nepriklausomus veiksmus naudodami `Promise.all`.