Hàm

Các loại hàm khác nhau

Hàm ẩn danh là hàm không có tên. Chỉ các biểu thức hàm mới có thể ẩn danh, các khai báo hàm phải có tên:

// Hàm ẩn danh được tạo dưới dạng biểu thức hàm
(function () {});

// Hàm ẩn danh được tạo dưới dạng hàm mũi tên
() => {};

Các thuật ngữ sau không được sử dụng trong đặc tả ngôn ngữ ECMAScript, chúng là thuật ngữ thông thường dùng để chỉ các loại hàm khác nhau.

Hàm có tên là hàm có tên hàm:

// Khai báo hàm
function foo() {}

// Biểu thức hàm có tên
(function bar() {});

// Hàm mũi tên
const baz = () => {};

Hàm nội là một hàm bên trong một hàm khác (trong trường hợp này là square). Hàm ngoài là hàm chứa một hàm (trong trường hợp này là addSquares):

function addSquares(a, b) {
  function square(x) {
    return x * x;
  }
  return square(a) + square(b);
}

// Hàm mũi tên
const addSquares2 = (a, b) => {
  const square = (x) => x * x;
  return square(a) + square(b);
};

Hàm đệ quy là hàm gọi chính nó. Xem đệ quy.

function loop(x) {
  if (x >= 10) return;
  loop(x + 1);
}

// Hàm mũi tên
const loop2 = (x) => {
  if (x >= 10) return;
  loop2(x + 1);
};

Immediately Invoked Function Expression (IIFE) là hàm được gọi ngay sau khi được nạp vào trình thông dịch của trình duyệt. Cách nhận biết một IIFE là tìm cặp dấu ngoặc đơn bổ sung ở cuối định nghĩa hàm.

Các biểu thức hàm, có tên hay ẩn danh, đều có thể được gọi ngay lập tức.

(function foo() {
  console.log("Hello Foo");
})();

(function food() {
  console.log("Hello Food");
})();

(() => console.log("hello world"))();

Các hàm được khai báo không thể được gọi ngay lập tức theo cách này, vì IIFE phải là biểu thức hàm.

function foo() {
  console.log("Hello Foo");
}();

Nếu bạn muốn tìm hiểu thêm về IIFE, hãy xem trang Wikipedia sau: Immediately Invoked Function Expression

Xem thêm

• Hàm
• Hàm mũi tên