Bạn xử lý lỗi trong JavaScript như thế nào, bao gồm cả code async?

Question

Accepted Answer

Lỗi đồng bộ dùng **`try/catch/finally`**, và bạn nên `throw` các object `Error` (không phải chuỗi) để có được stack trace.

```js
try {
  const data = JSON.parse(input);
} catch (err) {
  if (err instanceof SyntaxError) handleBadJson(err);
  else throw err;        // ném lại cái mà bạn không thể xử lý
} finally {
  cleanup();             // luôn luôn chạy
}
```

## Xử lý lỗi async khác nhau tùy phong cách

```js
// async/await → bọc các await trong try/catch
async function load() {
  try {
    return await fetch(url).then(r => r.json());
  } catch (err) { showError(err); }
}

// promise → dùng .catch
fetch(url).then(use).catch(showError);
```

## Một cạm bẫy phổ biến: try/catch không bắt được các callback async

```js
try {
  setTimeout(() => { throw new Error("boom"); }, 0); // ❌ KHÔNG bị bắt
} catch (e) { /* không bao giờ chạy — throw xảy ra sau, ngoài stack này */ }
```

Callback của `setTimeout` chạy ở một tick sau, nên khối `try` bao quanh đã biến mất từ lâu. Hãy xử lý lỗi *bên trong* callback.

## Lưới an toàn toàn cục

```js
window.addEventListener("unhandledrejection", e => log(e.reason)); // trình duyệt
process.on("unhandledRejection", err => log(err));                 // Node
```

## Thực hành tốt nhất

- Ném `Error` (hoặc các lớp con tùy chỉnh) để có stack trace và kiểm tra `instanceof`.
- Bắt **cụ thể** ở nơi bạn có thể khôi phục; để các lỗi bất ngờ nổi lên (bubble).
- Không bao giờ âm thầm nuốt lỗi (`catch (e) {}`). Luôn log hoặc ném lại.