Hàm mũi tên

Hàm mũi tên (arrow function) giúp viết hàm trong JavaScript ngắn gọn hơn. Chúng đặc biệt tiện dụng với các hàm ngắn, đơn giản.

Biểu thức hàm mũi tên có cú pháp ngắn hơn biểu thức hàm và không có các liên kết riêng với những từ khóa this, arguments, super hoặc new.target. Hàm mũi tên luôn không có tên.

Đây là cú pháp cơ bản của hàm mũi tên:

(param1, param2) => {
	// Thân hàm
	// ...
	return value; // Câu lệnh return tùy chọn
}

Nếu hàm chỉ có một tham số, bạn có thể bỏ dấu ngoặc đơn bao quanh danh sách tham số. Nếu thân hàm chỉ có một biểu thức, bạn có thể bỏ dấu ngoặc nhọn và từ khóa return. Kết quả của biểu thức sẽ được tự động trả về.

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

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

Đây là hàm tương tự được viết dưới dạng hàm mũi tên:

let add = (a, b) => a + b;

Trong ví dụ này, dấu ngoặc đơn bao quanh các tham số vẫn được giữ lại vì có hai tham số. Dấu ngoặc nhọn và từ khóa return được lược bỏ vì thân hàm chỉ có một biểu thức.

Đây là một ví dụ khác không có tham số:

let greet = () => console.log("Hello!");
greet(); // Đầu ra: Hello!

Trong trường hợp này, một cặp dấu ngoặc đơn trống cho biết hàm không có tham số.

Hàm mũi tên (arrow function) thường được dùng khi bạn cần truyền một hàm ngắn làm đối số cho một hàm khác.