Hàm (Function) trong JavaScript: Khai báo và sử dụng

Mở bài

Hàm (Function) là một trong những khái niệm cơ bản và quan trọng nhất trong lập trình JavaScript. Việc hiểu rõ cách khai báo và sử dụng hàm giúp bạn viết mã hiệu quả hơn, dễ bảo trì và tái sử dụng. Bài viết này sẽ hướng dẫn bạn từ A đến Z về hàm trong JavaScript.

Mục lục

• Khai báo hàm
• Cách sử dụng hàm
• Các loại hàm trong JavaScript
• Lỗi thường gặp
• Câu hỏi thường gặp

Khai báo hàm

Trong JavaScript, bạn có thể khai báo hàm theo nhiều cách khác nhau, bao gồm:

1. Sử dụng từ khóa function

function tenHam() {
    // Thân hàm
}

• Ví dụ:

function sayHello() {
    console.log('Hello, World!');
}

2. Hàm biểu thức (Function Expression)

const tenHam = function() {
    // Thân hàm
};

• Ví dụ:

const sayHello = function() {
    console.log('Hello, World!');
};

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

const tenHam = () => {
    // Thân hàm
};

• Ví dụ:

const sayHello = () => {
    console.log('Hello, World!');
};

Cách sử dụng hàm

Sau khi khai báo, bạn có thể sử dụng hàm bằng cách gọi tên hàm và thêm dấu ngoặc.

sayHello(); // Gọi hàm sayHello

• Hàm có thể nhận tham số:

function greet(name) {
    console.log('Hello, ' + name + '!');
}

greet('Mia'); // Kết quả: Hello, Mia!

Các loại hàm trong JavaScript

• Hàm không có tham số: Hàm không nhận tham số nào.
• Hàm có tham số: Hàm nhận một hoặc nhiều tham số.
• Hàm trả về giá trị: Hàm sử dụng từ khóa return để trả về kết quả.

Ví dụ về hàm trả về giá trị:

function add(a, b) {
    return a + b;
}

const result = add(5, 3);
console.log(result); // Kết quả: 8

Lỗi thường gặp

• Quên dấu ngoặc khi gọi hàm: Ví dụ: sayHello thay vì sayHello().
• Sai tên hàm: Kiểm tra kỹ tên hàm khi gọi.
• Tham số không đúng: Đảm bảo số lượng và kiểu tham số.

Câu hỏi thường gặp

Câu hỏi 1: Hàm trong JavaScript có thể trả về nhiều giá trị không?

Hàm trong JavaScript chỉ có thể trả về một giá trị. Tuy nhiên, bạn có thể sử dụng mảng hoặc đối tượng để trả về nhiều giá trị.

Câu hỏi 2: Sự khác biệt giữa hàm khai báo và hàm biểu thức là gì?

Hàm khai báo có thể được gọi trước khi định nghĩa, trong khi hàm biểu thức không thể.

Câu hỏi 3: Hàm mũi tên có khác gì hàm thông thường không?

Hàm mũi tên không có từ khóa this riêng, nó kế thừa từ ngữ cảnh bên ngoài.

Hy vọng bài viết này đã giúp bạn hiểu rõ hơn về hàm trong JavaScript. Hãy bắt đầu thử nghiệm và áp dụng những kiến thức này vào dự án của bạn!

Để khám phá thêm nhiều kiến thức thú vị khác, bạn có thể tham khảo thêm các bài viết về các phương thức trong JavaScript hoặc lập trình hướng đối tượng.