Hàm trong JavaScript

Hàm trong JavaScript là một khối mã được thiết kế để thực hiện một tác vụ cụ thể. Một hàm JavaScript chỉ được thực thi khi chúng ta gọi nó.

// Hàm phía dưới dùng để tính tổng của hai biến p1 và p2
function myFunction(p1, p2) {
  return p1 + p2;
}//Hàm
let result = myFunction(4, 3);//Gọi hàm
document.getElementById("demo").innerHTML = result;//Kết quả hiện thị là 12

Cú pháp hàm trong JavaScript

Hàm JavaScript được xác định bằng từ khóa function, theo sau là tên , theo sau là dấu ngoặc đơn () . Tên hàm có thể chứa các chữ cái, chữ số, dấu gạch dưới và ký hiệu đô la (quy tắc giống như biến).

Các dấu ngoặc đơn có thể bao gồm các tên tham số được phân tách bằng dấu phẩy: ( tham số1, tham số2, ... )

Mã được hàm thực thi sẽ đặt bên trong dấu ngoặc nhọn: {}

function name(parameter1, parameter2, parameter3) {
  // code to be executed
}

Các tham số của hàm được liệt kê bên trong dấu ngoặc đơn () trong phần định nghĩa hàm, chúng là các giá trị mà hàm nhận được khi nó được gọi. Bên trong hàm, các tham số sẽ hoạt động như các biến cục bộ.

Gọi hàm-Function Invocation

Khối mã bên trong hàm sẽ thực thi khi chúng ta gọi hàm, nó có thể là:

• + Khi một sự kiện xảy ra (khi người dùng nhấp vào nút)
• + Khi nó được gọi (được gọi) từ mã JavaScript
• + Tự động (tự gọi)

Function Return

Khi một khôi lệnh được thực thi trong hàm và đến lệnh return , hàm sẽ ngừng thực thi và trả về kết quả.

let x = myFunction(4, 3);
function myFunction(a, b) {return a * b;}

Tại sao sử dụng hàm:

• + Với các hàm bạn có thể sử dụng lại mã
• + Bạn có thể viết mã có thể được sử dụng nhiều lần.
• + Bạn có thể sử dụng cùng một mã với các đối số khác nhau để tạo ra các + kết quả khác nhau.

Toán tử ()

Toán tử () dùng để gọi hàm:

function myFunction(x) {
  return x*10;
}//Hàm
let result = myFunction(5);//Gọi hàm

Việc truy cập một hàm có tham số không chính xác có thể trả về kết quả sai:

function myFunction(x) {
  return x*10;
}//Hàm
let result = myFunction();//Gọi hàm nhưng không có tham số 

Truy cập một hàm mà không có toán tử () sẽ trả về hàm chứ không phải kết quả của hàm:

function myFunction(x) {
  return x*10;
}//Hàm
let result = myFunction;//Gọi hàm nhưng không có toán tử ()

Như bạn thấy trong các ví dụ trên, myFunction  tham chiếu đến đối tượng hàm và myFunction() tham chiếu đến kết quả của hàm.

Các hàm được sử dụng làm giá trị biến

Bạn hoàn toàn có thể sử dụng hàm giống như cách bạn sử dụng biến, trong tất cả các loại công thức hay phép tính.

Ví dụ Thay vì sử dụng một biến để lưu trữ giá trị trả về của hàm:

function myFunction(x) {
  return x*10;
}//Hàm
let y = myFunction(10)
let text = "Điểm " + y + "của tôi";

Bạn có thể sử dụng hàm trực tiếp dưới dạng giá trị biến:

function myFunction(x) {
  return x*10;
}//Hàm
let y = myFunction(10)
let text = "Điểm " + myFunction(10) + "của tôi";

Biến cục bộ - Local

Các biến được khai báo trong hàm JavaScript sẽ trở thành biến cục bộ-local cho hàm. Các biến cục bộ chỉ có thể được truy cập từ bên trong hàm.

Ví dụ:

// khu vực này không thể sử dụng biến carName
function myFunction() {
  let carName = "Volvo";
  // // khu vực này có thể sử dụng biến carName
}
// khu vực này không thể sử dụng biến carName

Vì các biến cục bộ chỉ được nhận dạng bên trong các hàm của chúng nên các biến có cùng tên có thể được sử dụng trong các hàm khác nhau. Các biến cục bộ được tạo khi hàm bắt đầu và bị xóa khi hàm hoàn thành.

>>Còn tiếp nhé>>