Một chức năng được khai báo là "đượ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 chức năng 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 chức năng]
Đọ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 chức năng của chúng tôi về Định nghĩa chức năng, Tham số, Gọi và Đóng
cú pháp
hàm functionName[tham số] {
mã được thực thi
}
Thông số
Tham sốMô tảchức năngTênYêu cầuTên của chức năng
quy tắc đặt tên. giống như các biến JavaScript. tham sốTùy chọn
Một tập hợp các đối số [tên tham số], được phân tách bằng dấu phẩy
Các đối số là các giá trị thực mà hàm nhận được từ bên ngoài
Bên trong hàm, các đối số được sử dụng làm biến cục bộ
Nếu một hàm được gọi với một đối số bị thiếu, thì giá trị của đối số bị thiếu được đặt thành undefined
Một hàm JavaScript được định nghĩa 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];
hàm myFunction[a, b] {
trả về một * 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
hàm toC[độ F] {
return [5/9] * [fahrenheit-32];
}
tài liệu. getElementById["bản trình diễn"]. 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ụ
hàm toC[độ F] {
return [5/9] * [fahrenheit-32];
}
tài liệu. getElementById["bản trình diễn"]. InternalHTML = đến độ C;
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
cho x = toC[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";
Tự mình thử »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
hàm myFunction[] {
let carName = "Volvo";
// mã ở đây CÓ THỂ sử dụng carName
}
// mã ở đây KHÔNG thể sử dụng carName
Tự mình thử »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