Kịch bản thuyết trình: Slides 74, 75

Mình tiếp tục với slide 74 và 75 về Arrow Function (Hàm mũi tên).

Arrow Function là cách viết ngắn gọn hơn của Function Expression.

Sử dụng ký hiệu => để thay thế cho cách viết function ... truyền thống (tức là không cần viết function để tạo hàm).

Thường dùng trong các hàm nhỏ, callback, xử lý nhanh.

Cú pháp:

const variableName = (params) => {
    // code xử lý
    return value;
};

Ví dụ:

const square = (n) => {
    return n * n;
};
console.log(square(6)); // 36

Cú pháp rút gọn khi chỉ có một biểu thức:

const variableName = (parameter1, parameter 2,...) => expression;

Tức là: Nếu phần thân hàm chỉ có một dòng code trả về kết quả, bạn có thể bỏ luôn { } và từ khóa return.

Trong đó:

• parameters → tham số (có thể 1 hoặc nhiều).
• expression → một biểu thức duy nhất sẽ được tự động trả về (không cần return).

Ví dụ:

Ví dụ 1: Hàm có 1 tham số

const square = n => n * n;
console.log(square(6)); // 36

Ví dụ 2: Hàm có nhiều tham số

const add = (a, b) => a + b;
console.log(add(2, 3)); // 5

Như vậy là mình đã trình bày xong về Function Expression và Arrow Function - hai cách viết hàm ngắn gọn và linh hoạt trong JavaScript.