Hàm là gì?

Hãy tưởng tượng bạn có một công thức bánh quy yêu thích. Mỗi lần thèm bánh, việc nướng bánh theo công thức đó có thể hơi lặp đi lặp lại. Trong JavaScript, các hàm (function) giống như những trợ thủ siêu anh hùng luôn xuất hiện để giúp bạn! Chúng là những khối code có thể tái sử dụng để thực hiện các tác vụ cụ thể. Cũng như bạn làm theo các bước trong công thức để nướng bánh, hàm có các hướng dẫn sẽ được thực thi khi bạn gọi hàm (giống như đặt tên cho công thức rồi làm theo các bước đó).

Cú pháp hàm:

function functionName(parameter1, parameter2, ...) {
	// Đoạn code sẽ chạy (chỉ dẫn của siêu anh hùng)
	return value; // Không bắt buộc: Trả về một giá trị (như những chiếc bánh quy đã nướng!)
}

• function: Từ khóa này cho JavaScript biết rằng chúng ta đang tạo một hàm.
• functionName: Đây là tên bạn đặt cho hàm.
• parameter1, parameter2, ...: Chúng giống như nguyên liệu hoặc công cụ mà hàm có thể cần để thực hiện công việc. Đây là các biến lưu thông tin bạn cung cấp khi gọi hàm.

Ví dụ sau minh họa cách hoạt động của hàm:

function greet(name) {
	console.log("Hello, " + name + "!");
	return "Have a fantastic day!";
}

const message = greet("Alice"); // Gọi hàm (function)
console.log(message);
// Đầu ra: Hello, Alice!
//         Have a fantastic day!

• Chúng ta định nghĩa một hàm có tên greet và nhận một tham số là name.
• Câu lệnh return gửi lại thông báo "Have a fantastic day!".
• Chúng ta gọi hàm greet với đối số "Alice" rồi lưu giá trị trả về (thông báo) vào biến message.
• Cuối cùng, chúng ta in ra cả lời chào lẫn thông báo được trả về.

Cùng thử sức với thử thách đơn giản này nhé!