Module và kiểm tra hàm — Thực hành và checklist bàn giao

Đây là bài 3 trong phần 7 của chuỗi demo “JavaScript thực tế: Dữ liệu, sự kiện và trạng thái”. Cách đọc luồng dữ liệu, tổ chức tương tác và xử lý trạng thái bất đồng bộ trên trình duyệt. Bài viết dùng ví dụ và dữ liệu giả để minh họa; hãy thử trên môi trường riêng trước khi áp dụng vào dự án.

ES module khai báo phụ thuộc bằng import và export. Hàm thuần có thể kiểm tra bằng dữ liệu đầu vào xác định, không cần dựng toàn bộ giao diện.

Sản phẩm cuối khóa là ứng dụng danh sách công việc có tìm kiếm, lọc và lưu trạng thái trên trình duyệt. Ở chương này, bạn cần bàn giao một phần có thể giải thích và kiểm tra độc lập: Tách logic lọc, thêm và hoàn thành công việc thành các module; kiểm tra đầu vào rỗng và id không tồn tại. Hãy nêu rõ phần mới phụ thuộc vào kết quả nào của chương trước và phần nào có thể làm riêng.

• Xác định đầu vào, đầu ra và trạng thái trước khi bắt đầu. Với module và kiểm tra hàm, hãy ghi lại kết quả bạn mong muốn trước khi chạy ví dụ.
• Tạo bản thử nhỏ nhất trong một thư mục hoặc môi trường riêng. Chỉ dùng dữ liệu giả; không sao chép token, tài khoản hoặc dữ liệu cá nhân vào bài tập.
• Thực hiện yêu cầu: Tách logic lọc, thêm và hoàn thành công việc thành các module; kiểm tra đầu vào rỗng và id không tồn tại.
• Quan sát kết quả và so sánh từng điều kiện chấp nhận. Khi chưa đạt, thay đổi một yếu tố mỗi lần để biết thay đổi nào tạo ra tác động.
• Lưu kết quả cùng ghi chú giải thích quyết định. Người khác cần tái hiện được thao tác mà không phải đoán cấu hình hoặc dữ liệu ban đầu.

• Hàm không sửa mảng đầu vào
• Import không tạo vòng phụ thuộc
• Trường hợp không tìm thấy id được xử lý

Module trong trình duyệt nên được phục vụ qua HTTP với MIME phù hợp. Mở file trực tiếp có thể gặp hạn chế origin và đường dẫn.

• Một phiên bản chạy được hoặc tài liệu thiết kế đủ để kiểm chứng.
• Mô tả đầu vào, đầu ra và cách bắt đầu thử.
• Ít nhất ba ca thử gắn với tiêu chí chương.
• Một ca lỗi được tái hiện và cách xử lý.
• Ghi chú giới hạn: điều gì chưa làm, vì sao và bước tiếp theo.

Bài dự án có thể cần nhiều thời gian thực hành hơn thời gian đọc hiển thị. Bạn tự chọn mức độ mở rộng theo mục tiêu; không cần đưa nội dung lên hệ thống production để hoàn thành bài. Khi review, tập trung vào hành vi quan sát được và tính rõ ràng của giải thích thay vì số dòng mã.

Giữ lại phiên bản đã đạt tiêu chí trước khi thêm yêu cầu mới. Nếu thay đổi tiếp theo làm sai hành vi cũ, dùng các ca thử đã ghi để phát hiện và khoanh vùng thay đổi gây ra vấn đề.