Nội dung chính
Hàm (function) trong JavaScript là gì?
- Hàm trong JavaScript là một chương trình con được thiết kế để thực hiện một công việc cụ thể.
- Hàm trong JavaScript được thực thi khi chúng được gọi từ một hàm khác, từ một sự kiện hoặc gọi từ chính nó.
- Hàm trong JavaScript luôn trả về một giá trị, nếu không định nghĩa giá trị cụ thể, hàm sẽ trả về undefined.
- Hàm trong JavaScript có thể có 0 hoặc nhiều tham số.
Cú pháp của hàm (function) trong JavaScript
Một hàm JavaScript được khai báo với từ khóa function, theo sau là name, theo sau là 0 hoặc nhiều tham số được khai báo bên trong ().
Tên hàm có thể chứa các ký tự chữ cái, chữ số, dấu gạch dưới, và ký tự dô la (giống như quy tắc đặt tên biến).
Các lệnh được thực hiện bởi hàm được đặt bên trong dấu ngoặc nhọn: {}
function name(tham_so_1, tham_so_2, tham_so_3) {
// các lệnh
}
Các tham số được liệt kê bên trong dấu ngoặc đơn () trong định nghĩa hàm.
Đối số hàm là các giá trị nhận được bởi hàm 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ộ (local).
Ví dụ về hàm JavaScript
<html>
<head>
<script type="text/javascript">
function showMessage() {
alert("Hello JavaScritp! this is a message.");
}
</script>
</head>
<body>
<input type="button" onclick="showMessage()" value="Show Message" />
</body>
</html>
Kết quả:
Return - trả về giá trị cho hàm
Khi JavaScript chạy đến câu lệnh return, hàm sẽ ngừng thực thi và trả về giá trị sau lệnh "return".
Ví dụ: Tính tích của 2 số và trả về kết quả.
var x = myFunction(4, 3);
function myFunction(a, b) {
return a * b;
}
Kết quả:
12
Tại sao nên sử dụng hàm trong JavaScript
Bạn có thể sử dụng lại mã nguồn: Viết 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.
Ví dụ: Chuyển đổi Fahrenheit (độ F) thành Celsius (độ C):
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(60);
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 công thức, tác vụ.
Ví dụ: Thay vì sử dụng một biến để lưu trữ giá trị trả về của một hàm:
var x = toCelsius(60); var text = "The temperature is " + x + " Celsius";
Bạn có thể sử dụng hàm trực tiếp, dưới dạng giá trị biến:
var text = "The temperature is " + toCelsius(60) + " Celsius";