Có bao nhiêu cách để tạo một hàm trong javascript?

Khai báo hàm là cách tạo hàm tiêu chuẩn và được sử dụng rộng rãi nhất. Một khai báo hàm chứa bốn phần khác nhau trong chuỗi này

• Chức năng từ khóa
• Mã định danh hoặc tên của chức năng
• Các tham số của hàm được đặt trong ngoặc đơn
• Phần thân của hàm được đặt trong dấu ngoặc nhọn

Để tạo một hàm cộng hai giá trị khác nhau và trả về tổng của hai giá trị, hãy thực hiện các dòng sau

hàm getSum [ num1, num2 ] {”

Để tạo hàm getSum [giống như trong các phương pháp trước], hãy sử dụng các dòng mã sau

getSum = [ num1, num2 ] {

return num1 + num2;

};

Việc gọi hàm được tạo bằng một mũi tên mập hoàn toàn giống như các hàm được tạo bằng các phương thức khác

bảng điều khiển. log[ getSum [150, 270]];

Điều này sẽ cho kết quả sau trên thiết bị đầu cuối

Giá trị 150 + 270 được in trên thiết bị đầu cuối là “420”

Gói [lại

Trong phiên bản ES6 của JavaScript, người dùng có thể tạo một chức năng theo ba cách khác nhau. Các phương thức tạo này là khai báo hàm, biểu thức hàm và hàm mũi tên béo. Các khai báo hàm và biểu thức hàm cũng có thể hoạt động trong các phiên bản JavaScript khác. Tuy nhiên, các hàm Mũi tên béo hoặc các hàm Mũi tên dành riêng cho các phiên bản JavaScript ES6. Bài viết này đã hiển thị cả ba phương pháp này với các ví dụ

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]

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 thực thi bởi hàm, được đặt bên trong dấu ngoặc nhọn. {}

tên hàm[tham số1, tham số2, tham số3] {
  // ​​mã sẽ được thực thi
}

Các tham số của hàm được liệt kê bên trong cặp ngoặc đơn [] trong phần định nghĩa hàm

Đối số của hàm là các giá trị mà hàm nhận được khi nó được gọi

Bên trong hàm, các đối số [các tham số] hoạt động như các biến cục bộ

Gọi hàm

Đoạn mã bên trong hàm sẽ thực thi khi "cái gì đó" triệu gọi [gọi] hàm

• 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]

Bạn sẽ học được nhiều hơn về lời gọi hàm sau trong hướng dẫn này

Hàm trả về

Khi JavaScript đạt đến câu lệnh return, hàm sẽ ngừng thực thi

Nếu hàm được gọi từ một câu lệnh, JavaScript sẽ "quay lại" để thực thi mã sau câu lệnh được gọi

Các hàm thường tính toán giá trị trả về. Giá trị trả về được "trả lại" cho "người gọi"

Thí dụ

Tính tích của hai số và trả về kết quả

cho x = myFunction[4, 3];

function myFunction[a, b] {
  return a * b;
}

Kết quả trong x sẽ là

Tại sao chức năng?

Bạn có thể sử dụng lại mã. Xác định mã một lần và sử dụng nó nhiều lần

Bạn có thể sử dụng cùng một mã nhiều lần với các đối số khác nhau để tạo ra các kết quả khác nhau

Thí dụ

Đổi độ F sang độ C

function toC[fahrenheit] {
  return [5/9] * [fahrenheit-32];
}
document.getElementById["demo"].innerHTML = toCelsius[77];

Toán tử [] gọi hàm

Sử dụng ví dụ trên, toCelsius đề cập đến đối tượng chức năng và toCelsius[] đề cập đến kết quả chức năng

Truy cập một hàm không có [] sẽ trả về đối tượng hàm thay vì kết quả hàm

Thí dụ

function toC[fahrenheit] {
  return [5/9] * [fahrenheit-32];
}
document.getElementById["demo"].innerHTML = toCelsius;

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

Các hàm có thể được sử dụng giống như cách bạn sử dụng các biến, trong tất cả các loại công thức, bài tập và phép tính

Thí dụ

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

let x = toCelsius[77];
let text = "Nhiệt độ là " + x + " Độ C";

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

let text = "Nhiệt độ là " + toC[77] + " Độ C";

Bạn sẽ học được nhiều hơn về các chức năng sau trong hướng dẫn này

Biến cục bộ

Các biến được khai báo trong hàm JavaScript, trở thành ĐỊA PHƯƠNG cho hàm

Các biến cục bộ chỉ có thể được truy cập từ bên trong hàm

Thí dụ

// mã ở đây KHÔNG thể sử dụng carName

function myFunction[] {
  let carName = "Volvo";
  // mã ở đây CÓ THỂ sử dụng carName
}

// mã ở đây KHÔNG thể sử dụng 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, các biến có cùng tên có thể được sử dụng trong các hàm khác nhau

Có bao nhiêu loại hàm trong JavaScript?

Có bao nhiêu cách bạn có thể xác định một chức năng?

3 cách chúng ta có thể định nghĩa một hàm trong JavaScript 3 là gì?

Tất cả các chức năng trong JavaScript là gì?