Menu
CoddyTech

Biểu thức hàm

Thuộc phần Kiến thức cơ bản trong hành trình JavaScript của Coddy. Bài học 49 trên 77.

Trong JavaScript, biểu thức hàm (function expression) là cách định nghĩa một hàm như một phần của biểu thức. Khác với khai báo hàm, biểu thức hàm không được hoisting, nghĩa là bạn không thể gọi chúng trước khi định nghĩa chúng trong code.

Đây là cú pháp cơ bản của biểu thức hàm:

let functionName = function(parameters) {
	// Đoạn code sẽ chạy
	// ...
	return value; // Câu lệnh return không bắt buộc
};

Từ khóa function theo sau là tên tùy chọn cho hàm (function). Nếu có tên, nó trở thành biểu thức hàm có tên; nếu không, đó là biểu thức hàm ẩn danh. Các tham số nằm trong dấu ngoặc đơn, còn thân hàm nằm trong dấu ngoặc nhọn.

Đây là một ví dụ về biểu thức hàm có tên:

let add = function sum(a, b) {
	return a + b;
};

console.log(add(3, 5)); // Đầu ra: 8

Trong ví dụ này, add là biến chứa hàm, còn sum là tên tùy chọn của hàm. Dù hàm có tên, bạn không thể gọi trực tiếp sum; bạn phải dùng biến add.

Đây là ví dụ về một biểu thức hàm ẩn danh:

let multiply = function(a, b) {
	return a * b;
};

console.log(multiply(4, 2)); // Đầu ra: 8

Trong trường hợp này, hàm (function) không có tên và được gán trực tiếp cho biến multiply.

Biểu thức hàm (function expression) thường được dùng khi bạn muốn truyền một hàm làm đối số cho hàm khác hoặc tạo hàm ngay khi cần.

challenge icon

Thử thách

Dễ

Tạo một biểu thức hàm có tên calculateArea, nhận hai đối số là width và height, rồi trả về diện tích hình chữ nhật. Gán hàm này cho một biến có tên calculateArea.

Ví dụ:

console.log(calculateArea(5, 10)); // Output: 50
console.log(calculateArea(3, 7));  // Output: 21

Tự làm thử

// Viết code bên dưới


// Đừng thay đổi các dòng bên dưới
console.log(calculateArea(5, 10));
console.log(calculateArea(3, 7));
quiz iconTự kiểm tra

Bài học này có một bài trắc nghiệm ngắn. Bắt đầu bài học để trả lời và theo dõi tiến độ.

Tất cả bài học trong Kiến thức cơ bản

Tự luyện tập: Trình biên dịch JavaScript online