Hàm JavaScript
Thí dụ
Khai báo một hàm xuất ra "Hello World" khi nó được gọi:
// Declare a function
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World!";
}
// Call the function
myFunction();
Thêm ví dụ bên dưới.
Định nghĩa và Cách sử dụng
Câu function
lệnh khai báo một hàm.
Một hàm đã khai báo được "lưu để sử dụng sau này", và sẽ được thực thi sau, khi nó được gọi (gọi).
Trong JavaScript, các hàm là các đối tượng và chúng có cả thuộc tính và phương thức.
Một hàm cũng có thể được xác định bằng cách sử dụng một biểu thức (Xem Định nghĩa Hàm ).
Đọc Hướng dẫn JavaScript của chúng tôi để tìm hiểu tất cả những gì bạn cần biết về các hàm. Bắt đầu với chương giới thiệu về Hàm JavaScript và Phạm vi JavaScript . Để biết thêm thông tin chi tiết, hãy xem Phần chức năng của chúng tôi về Định nghĩa chức năng , Tham số , Lời mời và Đóng .
Xem thêm:
Cú pháp
function functionName(parameters) {
code to be executed
}
Thông số
Parameter | Description |
functionName | Required. The name of the function. Naming rules: same as JavaScript variables. |
parameters | Optional. A set of arguments (parameter names), separated by commas. The arguments are real values received by the function from the outside. Inside the function, the arguments are used as local variables. If a function is called with a missing argument, the value of the missing argument is set to undefined . |
Các ví dụ khác
Trả về giá trị của PI:
function myFunction() {
return Math.PI;
}
Trả về tích của a và b:
function myFunction(a, b) {
return a * b;
}
Một hàm có các đối số khác nhau có thể tạo ra các kết quả khác nhau.
Chuyển đổi độ F sang độ C:
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
Các hàm có thể được sử dụng như các biến.
Thay vì:
temp = toCelsius(32);
text = "The temperature is " + temp + " Centigrade";
Bạn có thể dùng:
text = "The temperature is " + toCelsius(32) + " Centigrade";
Các hàm JavaScript có một đối tượng dựng sẵn được gọi là các đối số.
Thuộc tính arg.length trả về số lượng đối số mà hàm nhận được:
function myFunction(a, b) {
return arguments.length;
}
Nhấp để gọi một hàm xuất ra "Hello World":
<button onclick="myFunction()">Click me</button>
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
</script>
Khi một biểu thức hàm được lưu trữ trong một biến, biến đó chứa một hàm:
const x = function (a, b) {return a * b};
Khi một hàm được lưu trữ trong một biến, biến đó có thể được sử dụng như một hàm:
const x = function (a, b) {return a * b};
let z = x(4, 3);
Các trang liên quan
Hướng dẫn JavaScript: Các hàm JavaScript
Hướng dẫn JavaScript: Phạm vi JavaScript
Hướng dẫn JavaScript: Định nghĩa hàm JavaScript
Hướng dẫn JavaScript: Tham số hàm JavaScript
Hướng dẫn JavaScript: Gọi hàm JavaScript
Hướng dẫn JavaScript: Đóng hàm JavaScript
Tham khảo JavaScript: Câu lệnh trả về JavaScript
Hỗ trợ trình duyệt
function
là một tính năng ECMAScript1 (ES1).
ES1 (JavaScript 1997) được hỗ trợ đầy đủ trong tất cả các trình duyệt:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |