Tiếp theo Thế giới JS, sẽ chia sẻ cho các bạn về mọi thứ về Hàm(function) trong Javascript. Nó là một tập hợp các câu lệnh nhận đầu vào, thực hiện một số tính toán cụ thể và tạo đầu ra. Ý tưởng là đặt một số tác vụ thường được thực hiện hoặc lặp đi lặp lại với nhau và tạo một hàm sao cho thay vì viết đi viết lại cùng một code cho các đầu vào khác nhau, chúng ta có thể gọi hàm đó. 

Ví dụ: Một hàm javascript cơ bản, ở đây chúng ta tạo một hàm chia phần tử thứ nhất cho phần tử thứ hai.

  function myFunction(g1, g2) {
      return g1 / g2;
    }
    document.getElementById("demo").innerHTML = myFunction(12, 3);

Đầu ra:

4

JavaScript hỗ trợ khá nhiều hàm. Chắc hẳn bạn đã thấy một số hàm thường được sử dụng trong JavaScript như alert() , đây là một hàm tích hợp sẵn trong JavaScript. Nhưng JavaScript cũng cho phép chúng ta tạo các hàm do người dùng định nghĩa. Chúng ta có thể tạo các hàm trong JavaScript bằng cách sử dụng từ khóa function. 

Cú pháp : Cú pháp cơ bản để tạo một hàm trong JavaScript được hiển thị bên dưới.

// https://vpsus.vn/
// https://www.facebook.com/groups/893052378563701
// https://twitter.com/thegioijs

function functionName(Parameter1, Parameter2, ...)
{
    // Function body
}

Để tạo một hàm trong JavaScript, trước tiên chúng ta phải sử dụng từ khóa function , được phân tách bằng tên của hàm và các tham số trong ngoặc đơn. Phần của hàm bên trong dấu ngoặc nhọn {} là phần thân của hàm.

Trong javascript, các hàm có thể được sử dụng theo cách giống như các biến để gán hoặc tính toán.

1.Định nghĩa hàm

Trước đây, khi sử dụng hàm do người dùng định nghĩa trong JavaScript, chúng ta phải tạo một hàm. Chúng ta có thể sử dụng cú pháp trên để tạo một hàm trong JavaScript. Định nghĩa hàm đôi khi cũng được gọi là khai báo hàm hoặc câu lệnh hàm. Dưới đây là các quy tắc để tạo một hàm trong JavaScript:

• Mọi hàm nên bắt đầu bằng từ khóa function theo sau,
• Tên hàm do người dùng định nghĩa phải là duy nhất,
• Danh sách các tham số được đặt trong ngoặc đơn và được phân tách bằng dấu phẩy,
• Một danh sách các câu lệnh cấu thành phần thân của hàm được đặt trong dấu ngoặc nhọn {}.

Ví dụ : 

function calcAddition(number1, number2)
{
    return number1 + number2;
}

Trong ví dụ trên, chúng ta đã tạo một hàm có tên là calcAddition, 

• Hàm này chấp nhận hai số làm tham số và trả về phép cộng của hai số này.
• Truy cập hàm chỉ với tên hàm mà không có () sẽ trả về đối tượng hàm thay vì kết quả hàm.

2.Có ba cách để viết một hàm trong JavaScript:

2.1 Khai báo hàm:

Nó khai báo một hàm với từ khóa function. Khai báo hàm phải có tên hàm.

Cú pháp:

function vpsus(paramA, paramB) {
    // Set of statements
}

2.2 Biểu thức hàm:

Tương tự như khai báo hàm mà không có tên hàm. Các biểu thức hàm có thể được lưu trữ trong một phép gán biến. 

Cú pháp:

var vpsus= function(paramA, paramB) {
    // Set of statements
}

2.3 Hàm mũi tên:

Đây là một trong những phương pháp được sử dụng và hiệu quả nhất để tạo một hàm trong javascript vì cách thực hiện tương đối dễ dàng của nó. Nó là một phiên bản đơn giản hóa cũng như nhỏ gọn hơn của một biểu thức hoặc cú pháp hàm thông thường hoặc bình thường.

Cú pháp:

let function_name = (argument1, argument2 ,..) => expression

3.Tham số của hàm

Từ trước đến nay chúng ta đã nghe nhiều về các tham số của hàm nhưng chưa thảo luận chi tiết về chúng. Tham số là thông tin bổ sung được truyền cho một hàm. Ví dụ như ở ví dụ trên, nhiệm vụ của hàm calcAddition là tính phép cộng hai số. Hai số mà chúng ta muốn thực hiện thao tác cộng này được truyền cho hàm này dưới dạng tham số. Các tham số được truyền cho hàm trong dấu ngoặc đơn sau tên hàm và được phân tách bằng dấu phẩy. Một hàm trong JavaScript có thể có bất kỳ số lượng tham số nào và đồng thời một hàm trong JavaScript không thể có một tham số nào. 

Gọi hàm : Sau khi định nghĩa một hàm, bước tiếp theo là gọi chúng để sử dụng hàm đó. Chúng ta có thể gọi một hàm bằng cách sử dụng tên hàm được phân tách bằng giá trị của các tham số nằm giữa dấu ngoặc đơn và dấu chấm phẩy ở cuối. Cú pháp dưới đây cho thấy cách gọi các hàm trong JavaScript:

functionName( Value1, Value2, ..);

Dưới đây là một chương trình mẫu minh họa hoạt động của các hàm trong JavaScript: 

// https://vpsus.vn/
// https://www.facebook.com/groups/893052378563701
// https://twitter.com/thegioijs

 // Function definition
    function welcomeMsg(name) {
       console.log("Hello " + name +" welcome to vpsus.vn");
    }
     
    // creating a variable
    var nameVal = "Admin";
     
    // calling the function
    welcomeMsg(nameVal);

Đầu ra:

Hello Admin welcome to vpsus.vn

Câu lệnh Trả về : Có một số tình huống khi chúng ta muốn trả về một số giá trị từ một hàm sau khi thực hiện một số thao tác. Trong những trường hợp như vậy, chúng ta có thể sử dụng câu lệnh return trong JavaScript. Đây là một câu lệnh tùy chọn và thường là câu lệnh cuối cùng trong một hàm JavaScript. Hãy xem ví dụ đầu tiên của chúng ta với hàm có tên là calcAddition . Hàm này đang tính toán hai số và sau đó trả về kết quả. 

Cú pháp: Cú pháp cơ bản nhất để sử dụng câu lệnh return là:

Câu lệnh return bắt đầu bằng từ khóa return được phân tách bằng giá trị mà chúng ta muốn trả về từ nó. Chúng ta cũng có thể sử dụng một biểu thức thay vì trực tiếp trả về giá trị.

Trên đây là tất cả những gì về hàm trong javascript mà bạn cần biết. Nếu bạn có bất kỳ câu hỏi liên quan tới hàm, hãy chủ động liên hệ và inbox cho chúng tôi, để giúp đỡ bạn sớm nhất

Tiếp theo, hãy cùng Thế giới JS tìm hiểu thêm các kiến thức về Javascript trong các bài tiếp theo trong series học miễn phí Javascript từ cơ bản tới nâng cao.

Nếu bạn cảm thấy hữu ích và yêu thích Thế giới JS, hãy tham gia và theo dõi chúng tôi để nhận thêm nhiều kiến thức MIỄN PHÍ hơn nữa nhé:

• Group Facebook
• Fanpage
• Twitter
• Home page

Share to learn more than!