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: 8Trong 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: 8Trong 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.
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: 21Tự 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));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
8Vòng lặp
Vòng lặp forVòng lặp whileThoát vòng lặpBỏ qua lần lặpÔn tập: giai thừaVòng lặp do whileVòng lặp lồng nhau3Toán tử phần 1
Toán tử số họcToán tử moduloPhép tính số học rút gọnToán tử so sánhSo sánh bằng nghiêm ngặt và không nghiêm ngặtÔn tập: phép tính đơn giản6Nhập xuất cơ bản
Đầu raĐầu ra với biếnChuyển đổi kiểu dữ liệu, phần 1Chuyển đổi kiểu dữ liệu, phần 2Ôn tập đến 120Ôn tập: đúng hay saiTự luyện tập: Trình biên dịch JavaScript online