Debug lỗi bất đồng bộ trong ứng dụng JavaScript sử dụng Promise và async

Prompt này hỗ trợ bạn nhờ AI đóng vai kỹ sư JavaScript để phân tích lỗi bất đồng bộ, truy vết Promise, async/await và race condition. Phù hợp khi ứng dụng gặp lỗi khó tái hiện, dữ liệu trả về sai thứ tự hoặc UI cập nhật không như mong đợi.
Lượt xem 31
AI sử dụng
ChatGPT Gemini Claude

Mục tiêu

Prompt này được thiết kế để hỗ trợ debug các lỗi bất đồng bộ trong ứng dụng JavaScript, đặc biệt khi liên quan đến Promise, async/await, callback, fetch, timer, event loop hoặc nhiều tác vụ chạy song song. AI sẽ giúp bạn đọc ngữ cảnh, xác định nguyên nhân gốc, chỉ ra điểm bất thường trong luồng thực thi và đề xuất cách sửa phù hợp.

Khi nào nên dùng

  • Khi hàm async trả về dữ liệu sai, rỗng hoặc không đúng thời điểm.
  • Khi Promise không resolve/reject như kỳ vọng hoặc bị nuốt lỗi.
  • Khi gặp race condition, cập nhật UI sai thứ tự hoặc state bị ghi đè.
  • Khi code có nhiều lệnh await, Promise.all, setTimeout, event listener hoặc gọi API lồng nhau.
  • Khi cần AI giải thích rõ luồng thực thi trước khi chỉnh sửa mã nguồn.

Hướng dẫn tùy biến

1. Cung cấp ngữ cảnh lỗi

Hãy thêm mô tả ngắn về hành vi thực tế, hành vi mong đợi, môi trường chạy và thời điểm lỗi xuất hiện. Nếu có thể, hãy nêu rõ lỗi có xảy ra ngẫu nhiên hay luôn tái hiện được.

2. Dán đoạn mã liên quan

Nên đưa vào các hàm async, nơi tạo Promise, nơi gọi API, phần cập nhật state/UI và thông báo lỗi trên console. Nếu mã dài, hãy ưu tiên phần có khả năng gây lỗi nhất.

3. Yêu cầu kiểu đầu ra cụ thể

Bạn có thể yêu cầu AI trả lời theo dạng: phân tích nguyên nhân, mô phỏng thứ tự chạy, chỉ ra dòng đáng ngờ, viết phiên bản đã sửa, hoặc đề xuất cách thêm log để kiểm chứng.

4. Chỉ định ràng buộc kỹ thuật

Nếu dự án dùng React, Node.js, Express, Vue, Next.js hoặc môi trường trình duyệt thuần, hãy nói rõ để AI đưa ra hướng debug sát hơn với thực tế.

Lưu ý

  • Không nên chỉ gửi thông báo lỗi mà thiếu mã nguồn hoặc bối cảnh, vì lỗi bất đồng bộ thường phụ thuộc vào luồng gọi hàm.
  • Nếu AI đề xuất sửa code, hãy kiểm tra thêm các tác dụng phụ như thay đổi thứ tự xử lý, ảnh hưởng hiệu năng hoặc làm mất khả năng bắt lỗi.
  • Với lỗi khó tái hiện, nên yêu cầu AI đề xuất thêm log, breakpoint hoặc chiến lược tái tạo lỗi theo từng bước.
  • Nếu có nhiều tầng gọi hàm, hãy yêu cầu AI vẽ hoặc mô tả chuỗi thực thi để dễ xác định điểm nghẽn.

Nội dung Prompt

Bạn cần đăng nhập để xem đầy đủ nội dung Prompt.

Có thể bạn quan tâm

Sản phẩm nổi bật