hàm JavaScript
Ví dụ
Khai báo 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();
Hãy tự mình thử »Thêm ví dụ dưới đây.
Sự miêu tả
Câu lệnh function
khai báo một hàm.
Hàm được khai báo sẽ được "lưu để sử dụng sau" và sẽ được thực thi sau khi nó được gọi (được gọi).
Trong JavaScript, hàm là đố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ề 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 hàm của chúng tôi về Định nghĩa hàm , Tham số , Lệnh gọi và Đóng .
Xem thêm:
Cú pháp
function functionName ( parameter s ) {
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 . |
Thêm ví dụ
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);
}
Hãy tự mình thử »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";
Hãy tự mình thử »Các hàm JavaScript có một đối tượng tích hợp được gọi là đối số.
Thuộc tính đối số.length trả về số lượng đối số mà hàm nhận được:
function myFunction(a, b) {
return arguments.length;
}
Hãy tự mình thử »Bấm để gọi hàm xuất ra "Xin chào thế giới":
<button onclick="myFunction()">Click me</button>
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
</script>
Hãy tự mình thử »Khi một biểu thức hàm được lưu trữ trong một biến, biến đó sẽ chứa hàm:
const x = function (a, b) {return a * b};
Hãy tự mình thử »Khi một hàm được lưu trữ trong một biến, biến đó có thể được sử dụng làm hàm:
const x = function (a, b) {return a * b};
let z = x(4, 3);
Hãy tự mình thử »Trang liên quan
Hướng dẫn JavaScript: 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: Cách gọi hàm JavaScript
Hướng dẫn JavaScript: Đóng chức năng 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 đủ trên tất cả các trình duyệt:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | Yes |