💡 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日

Định nghĩa hàm

📌

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 íchGiải thích
Tái sử dụngKhô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';
Về cơ bản, 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ùng return để 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.

Thử ngay

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

15pt

Định nghĩa hàm

Hãy định nghĩa một hàm tên là greet trả về chuỗi 'Xin chào'.

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