async/await hoạt động như thế nào?

Question

Accepted Answer

`async/await` là **cú pháp đường trên nền Promise** cho phép bạn viết code bất đồng bộ mà đọc như code đồng bộ. Một hàm `async` luôn trả về một Promise; `await` tạm dừng hàm cho đến khi một Promise settle, rồi tiếp tục với giá trị của nó.

```js
async function loadUser(id) {
  try {
    const res = await fetch(`/api/users/${id}`); // tạm dừng cho đến khi có response
    const user = await res.json();               // tạm dừng cho đến khi parse xong
    return user;                                  // trở thành giá trị đã resolve
  } catch (err) {
    console.error(err); // bắt các rejection từ bất kỳ await nào ở trên
  }
}
```

## Tuần tự so với song song — một lỗi hiệu năng phổ biến

`await` chạy mọi thứ **lần lượt cái này sau cái kia**. Nếu hai request không phụ thuộc vào nhau, await chúng tuần tự sẽ chậm một cách lãng phí:

```js
// ❌ tuần tự — tổng thời gian = a + b
const a = await getA();
const b = await getB();

// ✅ song song — tổng thời gian = max(a, b)
const [a, b] = await Promise.all([getA(), getB()]);
```

## Xử lý lỗi

Dùng `try/catch` thay vì `.catch`. Một promise được await bị reject sẽ ném lỗi, nên một `catch` bao trùm cả khối.

## Bên dưới lớp vỏ

Nó vẫn là Promise và microtask queue — `await` không chặn luồng; nó nhường quyền điều khiển để code khác chạy, rồi tiếp tục. Đừng quên: gọi một hàm `async` mà không `await` (hoặc `.catch`) nó có thể nuốt mất các lỗi.

## Tại sao điều này quan trọng

Nó làm cho các luồng async dễ đọc và là mặc định hiện đại để sắp xếp công việc async — nhưng bạn phải có ý thức song song hóa các thao tác độc lập bằng `Promise.all`.