Bài 6: Tìm hiểu về Hàm trong JavaScript

Hàm là một khái niệm quan trọng trong JavaScript, chúng cho phép chúng ta tái sử dụng mã và tổ chức mã nguồn của mình thành các đơn vị nhỏ hơn, dễ quản lý hơn. Trong bài viết này, hãy cùng Aptech Saigon tìm hiểu về cách định nghĩa và gọi hàm trong JavaScript, cũng như cách truyền tham số và return giá trị từ hàm.

Định nghĩa hàm trong JavaScript

Cú pháp định nghĩa hàm

Để định nghĩa một hàm trong JavaScript, bạn sử dụng từ khóa function, sau đó là tên của hàm và dấu ngoặc đơn (). Nội dung của hàm được đặt trong dấu ngoặc nhọn {}. Ví dụ:

function greet() {

  console.log("Xin chào!");

}

Định nghĩa hàm có tham số

Hàm có thể nhận tham số bằng cách đặt tên tham số trong dấu ngoặc đơn (). Ví dụ:

function greet(name) {

  console.log("Xin chào, " + name + "!");

}

Gọi hàm trong JavaScript

Gọi hàm không có tham số

Để gọi một hàm không có tham số, bạn chỉ cần sử dụng tên hàm cùng với dấu ngoặc đơn (). Ví dụ:

greet(); // Kết quả: "Xin chào!"

Gọi hàm với tham số

Khi gọi hàm có tham số, bạn cần truyền giá trị cho các tham số đó trong dấu ngoặc đơn (). Ví dụ:

greet("Alice"); // Kết quả: "Xin chào, Alice!"

Truyền tham số và return giá trị

Truyền tham số vào hàm

Tham số là các giá trị bạn truyền vào hàm khi gọi nó. Hàm sau đó có thể sử dụng các tham số này để thực hiện các phép tính hoặc xử lý dữ liệu. Ví dụ:

function add(a, b) {

  return a + b;

}

let result = add(3, 5); // Kết quả: 8

Return giá trị từ hàm

Hàm có thể trả về giá trị bằng từ khóa return. Giá trị này sau đó có thể được sử dụng bên ngoài hàm. Ví dụ:

function multiply(x, y) {

  return x * y;

}

let product = multiply(4, 6); // Kết quả: 24

Hàm làm việc với biểu thức hàm (function expression)

Ngoài cách định nghĩa hàm thông thường, bạn cũng có thể sử dụng biểu thức hàm (function expression) để gán một hàm cho một biến. Ví dụ:

let sayHello = function(name) {

  console.log("Xin chào, " + name + "!");

};

sayHello("Bob"); // Kết quả: "Xin chào, Bob!"

Hàm là một phần quan trọng của JavaScript, cho phép bạn tái sử dụng mã và tạo mã nguồn dễ đọc và dễ quản lý hơn. Bằng cách định nghĩa, gọi hàm, và làm việc với tham số và giá trị trả về, bạn có thể xây dựng các ứng dụng JavaScript mạnh mẽ và linh hoạt.

Hãy tiếp tục thực hành và nâng cao kỹ năng lập trình của bạn trong JavaScript để trở thành một nhà phát triển web giỏi hơn. Chúc bạn thành công!