💡 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
Định nghĩa hàm | Hàm | function và return
📌
Kết luận
Dùng function để gom nhóm và tái sử dụng mã nguồn
📝 Mã thực tế tại đây
function greet() {
return 'Xin chào';
}
console.log(greet());Tại sao nên dùng hàm?
Việc sử dụng hàm mang lại 3 lợi ích lớn:| Lợi ích | Giải thích |
|---|---|
| Tái sử dụng | Không cần viết đi viết lại cùng một đoạn mã |
| Dễ đọc | Đặt tên cho hàm giúp thể hiện rõ ý đồ của đoạn mã |
| Dễ kiểm thử | Dễ dàng kiểm tra từng đơn vị nhỏ của chương trình |
Hàm mũi tên (Arrow Function)
Trong JavaScript hiện đại, hàm mũi tên cũng được sử dụng rất phổ biến:📝 Mã thực tế tại đây
const greet = () => 'Xin chào';function và hàm mũi tên hoạt động giống nhau, nhưng có sự khác biệt về cách xử lý từ khóa this (chúng ta sẽ học sau).
Tổng kết
- Hàm là một nhóm các xử lý được đặt tên - Dùngreturn để trả về giá trị
- Hàm mũi tên là cách viết ngắn gọn hơn
Hãy thử trong phần bài tập
Hãy định nghĩa hàm greet và trả về chuỗi "Xin chào" 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
Hãy định nghĩa một hàm tên là greet trả về chuỗi 'Xin chào'.
Gợi ý khi gặp khó khăn
function greet() { return 'Xin chào'; }