Bagaimana cara kerja async/await?

Question

Accepted Answer

`async/await` adalah **syntax sugar dari Promises** yang memungkinkan Anda menulis kode asinkron yang terlihat seperti kode sinkron. Fungsi `async` selalu mengembalikan Promise; `await` menghentikan fungsi hingga Promise selesai, kemudian melanjutkan dengan nilainya.

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

## Sekuensial vs paralel — kesalahan performa umum

`await` menjalankan sesuatu **satu demi satu**. Jika dua permintaan tidak saling bergantung, menunggu mereka secara berurutan sangat lambat:

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

## Penanganan error

Gunakan `try/catch` alih-alih `.catch`. Promise yang ditolak yang di-await melempar error, jadi satu `catch` mencakup seluruh blok.

## Di balik layar

Masih Promises dan microtask queue — `await` tidak memblokir thread; ia mengalihkan kontrol sehingga kode lain dapat berjalan, kemudian dilanjutkan. Jangan lupa: memanggil fungsi `async` tanpa `await` (atau `.catch`) dapat menyembunyikan error.

## Mengapa ini penting

Ini membuat alur asinkron dapat dibaca dan merupakan standar modern untuk mengurutkan pekerjaan asinkron — tetapi Anda harus secara sadar memparalelkan operasi independen dengan `Promise.all`.