Đây là bài 2 của chương 7: Module và kiểm tra hàm, thuộc khóa demo JavaScript. Nội dung được dùng để trải nghiệm cấu trúc chương trình học; hãy thực hành trên dữ liệu và môi trường thử nghiệm riêng. Trong dự án xuyên suốt, bạn sẽ xây dựng ứ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.
Mục tiêu cụ thể
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.
Đọc ví dụ theo luồng dữ liệu
Đọc từ đầu vào tới đầu ra. Xác định từng tên, điều kiện và quan hệ phụ thuộc trước khi chạy. Nếu có tên model, bảng hoặc endpoint chưa tồn tại, coi đó là thành phần minh họa cần dựng trong dự án thử nghiệm; đoạn trích không đại diện một ứng dụng hoàn chỉnh.
export function toggleTask(tasks, id) {
return tasks.map(task => task.id === id ? {...task, done: !task.done} : task);
}
// Trong file khác:
// import { toggleTask } from "./tasks.js";Cách phân tích
- Đánh dấu phần khai báo và phần thực hiện thao tác.
- Dự đoán kết quả với dữ liệu thông thường trước khi chạy.
- Thay đúng một giá trị đầu vào để kiểm tra dự đoán.
- Ghi lại kết quả thực tế, không chỉ thông báo thành công.
Tình huống đối chiếu
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.
Hãy liên hệ ví dụ với yêu cầu của chương: 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. Chỗ nào có thể dùng lại trực tiếp, chỗ nào phải đổi vì dữ liệu hoặc môi trường khác? Giải thích sự khác biệt đó giúp tránh việc sao chép một mẫu đúng trong bối cảnh này nhưng sai trong bối cảnh khác.
Bài tập đọc hiểu
- Chỉ ra phần nào của ví dụ giúp bảo đảm: hàm không sửa mảng đầu vào.
- Chỉ ra phần nào của ví dụ giúp bảo đảm: import không tạo vòng phụ thuộc.
- Chỉ ra phần nào của ví dụ giúp bảo đảm: trường hợp không tìm thấy id được xử lý.
Nộp lại bản chú thích ngắn, kết quả quan sát và một biến thể đã thử. Nếu ví dụ chưa đủ để đạt một tiêu chí, liệt kê phần cần bổ sung thay vì coi tiêu chí đã tự động được thỏa mãn.