💡 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: 2025年3月1日

Hàm mũi tên (Arrow Function)

📌

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ếtVí dụ
functionfunction greet() { return 'Xin chào'; }
Arrowconst greet = () => 'Xin chào';
Nếu hàm chỉ có 1 dòng và trả về giá trị, bạn có thể bỏ qua dấu {} 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.

Thử ngay

■ 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;

15pt

Hàm mũi tên (Arrow Function)

Đị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.

Nhấp vào lỗi để đánh dấu dòng. ✕=lỗi ⚠=cảnh báo ›=log.

Lộ trình học · Toàn bộ bài giảng