💡 Tôi đã chuẩn bị sẵn trình soạn thảo bên dưới bài viết. Bạn có thể thử nghiệm thoải mái!
Cập nhật: 31 tháng 5 năm 2026
Hàm mũi tên (Arrow Function) | Hướng dẫn và bài tập
📌
Kết luận
Hàm mũi tên là cách viết ngắn gọn bằng cú pháp () => {}
📝 Mã thực tế tại đây
const greet = () => 'Xin chào';
console.log(greet());So sánh với function truyền thống
| Cách viết | Ví dụ |
|---|---|
| function | function greet() { return 'Xin chào'; } |
| Arrow | const greet = () => 'Xin chào'; |
{} và từ khóa return.
Tổng kết
- Hàm mũi tên dùng ký hiệu=>
- Có thể viết cực kỳ ngắn gọn nếu chỉ trả về giá trị trên 1 dòng
- Thường được dùng làm tham số (callback) cho các hàm khác
Hãy thử trong phần bài tập
Hãy định nghĩa hàm greet bằng cú pháp hàm mũi tên nhé.🧪 Thử nghiệm tại đây
Bạn có thể viết mã thực tế vào trình soạn thảo bên dưới và xem ngay kết quả. Đừng sợ làm hỏng, bạn có thể thử lại bao nhiêu lần tùy thích.
■ Bài tập thực hành
Định nghĩa hàm mũi tên double nhận vào một số và trả về giá trị gấp đôi.
Gợi ý khi gặp khó khăn
const double = (x) => x * 2;