Hàm mũi tên trong JavaScript

Bây giờ hãy xem xét hàm mũi tên, giúp đơn giản hóa cú pháp của hàm.

Trong ví dụ mã sau, hàm đầu tiên được viết là hàm thông thường, và hàm thứ hai - hàm mũi tên tương ứng (cả hai hàm đều làm một việc giống nhau):

javascriptlet func1 = function(num1, num2) {
  let result = num1 * num2;
  return result;
}

let func2 = (num1, num2) => {
  let result = num1 * num2;
  return result;
}

Nếu trong hàm chỉ có một dòng mã, thì trong hàm mũi tên có thể không cần viết return và dấu ngoặc nhọn:

javascriptlet func1 = function(num1, num2) {
  return num1 * num2
}

let func2 = (num1, num2) => num1 * num2;

Nếu hàm mũi tên chỉ có một tham số - có thể không cần viết dấu ngoặc tròn:

javascriptlet func1 = function(num) {
  return num * num;
}

let func2 = num => num * num

Nếu hàm hoàn toàn không có tham số - cần viết dấu ngoặc tròn rỗng:

javascriptlet func1 = function() {
  console.log('!!!');
}

let func2 = () => console.log('!!!')