Vấn đề N+1 trong GraphQL là gì và DataLoader khắc phục thế nào?

Question

IT Interview Practice · Accepted Answer

**Vấn đề N+1** xảy ra khi một field resolver chạy một lần cho mỗi phần tử parent và mỗi lần chạy lại phát một truy vấn database riêng. Lấy danh sách N post rồi lấy author của từng post sẽ bắn ra **1 truy vấn cho các post + N truy vấn cho các author** — N+1 vòng gọi, bóp nghẹt hiệu năng khi tải cao.

## Vì sao xảy ra

Resolver chạy theo từng field, từng phần tử. `Post.author` thực thi riêng cho mỗi post trong danh sách, và không cái nào biết về cái nào, nên mỗi cái tự gọi `findById` của mình.

```js
// TỆ: một lệnh gọi DB cho mỗi post -> N+1
const resolvers = {
  Post: {
    author: (post, _a, ctx) => ctx.db.users.findById(post.authorId),
  },
};
```

## DataLoader: batch + cache

**DataLoader** hoãn các lệnh `.load(id)` riêng lẻ gọi trong cùng một tick, rồi giao toàn bộ key thu được cho một **batch function** để lấy tất cả trong một truy vấn duy nhất. Nó cũng **cache** theo key trong phạm vi request, nên các id lặp lại là miễn phí.

```js
import DataLoader from "dataloader";

// tạo MỖI request MỘT loader (đặt vào context để cache theo phạm vi request)
const userLoader = new DataLoader(async (ids) => {
  // ids nhận vào dạng [1, 2, 3, ...] -> một truy vấn được gom batch
  const users = await db.users.findByIds(ids);
  // PHẢI trả về giá trị THEO ĐÚNG THỨ TỰ của ids
  return ids.map((id) => users.find((u) => u.id === id));
});

const resolvers = {
  Post: {
    author: (post, _a, ctx) => ctx.userLoader.load(post.authorId), // được batch
  },
};
// Giờ N resolver author gộp thành 1 truy vấn: tổng 2 truy vấn, không phải N+1.
```

Hai quy tắc: tạo loader **theo từng request** (không toàn cục — sẽ rò rỉ dữ liệu cũ giữa các user), và batch function phải trả kết quả **đúng thứ tự key**.

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

N+1 là cái bẫy hiệu năng phổ biến nhất của GraphQL và gần như chắc chắn sẽ được hỏi khi phỏng vấn. Cho thấy bạn nghĩ ngay tới DataLoader — và hiểu *vì sao* nó phải theo phạm vi request và giữ đúng thứ tự — báo hiệu kinh nghiệm production thật.

Vì sao xảy ra

DataLoader: batch + cache

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

Câu hỏi liên quan