Hướng dẫn tạo và sử dụng hàm trong JavaScript

Hàm (function) trong JavaScript là một khối mã được thiết kế để thực hiện một nhiệm vụ cụ thể. Hàm có thể nhận vào các tham số và trả về một giá trị. Chúng giúp tổ chức mã nguồn, tái sử dụng mã và làm cho mã dễ đọc hơn.

Cách Tạo Ra Một Hàm

Có ba cách chính để tạo ra một hàm trong JavaScript:

1. Hàm khai báo (Function Declaration)
2. Hàm biểu thức (Function Expression)
3. Hàm mũi tên (Arrow Function)

Dưới đây là chi tiết về từng cách và các ví dụ cụ thể.

1. Hàm Khai Báo (Function Declaration)

Hàm khai báo được định nghĩa bằng từ khóa function, theo sau là tên hàm, danh sách các tham số trong ngoặc đơn và thân hàm trong ngoặc nhọn.

• Cú pháp:

  function functionName(parameters) {
    // Khối lệnh thực hiện nhiệm vụ
    return result; // Giá trị trả về (tùy chọn)
  }
  

• Ví dụ:

  function greet(name) {
    return `Hello, ${name}!`;
  }
  
  console.log(greet("Alice")); // Output: Hello, Alice!
  

2. Hàm Biểu Thức (Function Expression)

Hàm biểu thức là một hàm được gán cho một biến. Hàm này có thể có tên hoặc không có tên (hàm ẩn danh).

• Cú pháp:

  const functionName = function(parameters) {
    // Khối lệnh thực hiện nhiệm vụ
    return result; // Giá trị trả về (tùy chọn)
  };
  

• Ví dụ:

  const greet = function(name) {
    return `Hello, ${name}!`;
  };
  
  console.log(greet("Bob")); // Output: Hello, Bob!
  

3. Hàm Mũi Tên (Arrow Function)

Hàm mũi tên là một cách viết ngắn gọn của hàm biểu thức. Nó không có từ khóa function, thay vào đó sử dụng dấu mũi tên =>.

• Cú pháp:

  const functionName = (parameters) => {
    // Khối lệnh thực hiện nhiệm vụ
    return result; // Giá trị trả về (tùy chọn)
  };
  

• Ví dụ:

  const greet = (name) => {
    return `Hello, ${name}!`;
  };
  
  console.log(greet("Charlie")); // Output: Hello, Charlie!
  

• Nếu hàm chỉ có một dòng lệnh và trả về giá trị, bạn có thể bỏ qua từ khóa return và dấu ngoặc nhọn.

  const greet = name => `Hello, ${name}!`;
  
  console.log(greet("David")); // Output: Hello, David!
  

Tổng Kết

• Hàm (Function) là một khối mã thực hiện nhiệm vụ cụ thể, có thể nhận tham số và trả về giá trị.
• Tạo hàm bằng cách khai báo (Function Declaration):

  function functionName(parameters) {
    // Khối lệnh
    return result;
  }
  

• Tạo hàm bằng biểu thức (Function Expression):

  const functionName = function(parameters) {
    // Khối lệnh
    return result;
  };
  

• Tạo hàm bằng hàm mũi tên (Arrow Function):

  const functionName = (parameters) => {
    // Khối lệnh
    return result;
  };
  

Hiểu và sử dụng đúng các loại hàm này sẽ giúp bạn viết mã JavaScript hiệu quả, dễ đọc và bảo trì hơn.