Khái niệm

Arrow Function (hàm mũi tên) là một tính năng mới trong Javascript giúp viết mã ngắn gọn và dễ đọc hơn. Arrow Function cung cấp cú pháp ngắn gọn để khai báo hàm và ánh xạ các tham số và phần thân hàm. 

Cú pháp

Arrow Function được định nghĩa bằng cách sử dụng cú pháp sau:

const functionName = (parameters) => {
  // Phần thân hàm
};

Trong đó:

• const functionName là tên hàm (có thể thay bằng let hoặc var).
• parameters là danh sách các tham số của hàm.
• Phần thân hàm được đặt trong cặp dấu ngoặc nhọn {}.

Nếu phần thân hàm chỉ có một câu lệnh return, ta có thể viết gọn như sau:

const functionName = (parameters) => expression;

Ví dụ về Arrow Function

Dưới đây là một số ví dụ về cách sử dụng Arrow Function trong Javascript:

Ví dụ 1: Hàm trả về tổng của hai số

const addNumbers = (a, b) => a + b;

console.log(addNumbers(5, 3)); // 8

Ví dụ 2: Hàm kiểm tra số chẵn

const isEven = num => num % 2 === 0;

console.log(isEven(4)); // true
console.log(isEven(7)); // false

Ví dụ 3: Hàm tính diện tích hình chữ nhật

const calculateRectangleArea = (width, height) => width * height;

console.log(calculateRectangleArea(4, 5)); // 20

Ví dụ 4: Hàm in ra màn hình danh sách sinh viên

const students = ['John', 'Emily', 'David'];

const printStudents = () => {
  students.forEach(student => {
    console.log(student);
  });
};

printStudents();
// John
// Emily
// David

Lợi ích của Arrow Function

Arrow Function mang lại một số lợi ích khi sử dụng trong lập trình Javascript:

• Cú pháp ngắn gọn: Arrow Function giúp viết mã ngắn gọn và dễ đọc hơn so với cách truyền thống.
• Liên kết ngữ cảnh (lexical binding): Arrow Function tự động liên kết ngữ cảnh (context) của hàm gốc vào hàm con, giúp tránh sự thay đổi ngữ cảnh không mong muốn.
• Không thay đổi giá trị của this: Arrow Function không có ngữ cảnh riêng (lexical this), do đó không cần dùng .bind(), .call(), hoặc .apply() để thay đổi giá trị của this.

Điểm cần lưu ý khi sử dụng Arrow Function

Mặc dù Arrow Function rất hữu ích trong nhiều trường hợp, nhưng cũng cần lưu ý một số điểm sau:

• Không thể sử dụng arguments: Arrow Function không có đối tượng arguments như hàm thông thường, do đó không thể truy cập các tham số truyền vào bằng arguments.
• Không nên sử dụng cho phương thức đối tượng: Arrow Function không có ngữ cảnh riêng (lexical this), vì vậy không phù hợp cho việc định nghĩa phương thức đối tượng.