Hàm JavaScript là một khối mã được thiết kế để thực hiện một nhiệm vụ cụ thể.
Một hàm JavaScript được thực thi khi "một cái gì đó" gọi nó [gọi nó].
Thí dụ
// Chức năng để tính toán sản phẩm của hàm p1 và p2 myFunction [p1, p2] {& nbsp; trả lại p1 * p2; }
function myFunction[p1, p2] {
return p1 * p2;
}
Hãy tự mình thử »
Cú pháp chức năng JavaScript
Một hàm JavaScript được xác định với từ khóa function
, theo sau là một tên, theo sau là dấu ngoặc đơn [].name, followed by parentheses [].
Tên chức năng có thể chứa các chữ cái, chữ số, dấu gạch dưới và dấu hiệu đô la [cùng quy tắc với các biến].
Các 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, ...]
[parameter1, parameter2, ...]
Mã được thực thi, theo hàm, được đặt bên trong dấu ngoặc xoăn: {}{}
Tên hàm [tham số1, tham số2, tham số3] {& nbsp; // Mã được thực thi}
// code to be executed
}
Các tham số chức năng được liệt kê bên trong dấu ngoặc đơn [] trong định nghĩa hàm.parameters are listed inside the parentheses [] in the function definition.
Đối số chức năng là các giá trị nhận được bởi hàm khi nó được gọi.arguments are the values received by the function when it is invoked.
Bên trong hàm, các đối số [các tham số] hoạt động như các biến cục bộ.
Hàm gọi
Mã bên trong hàm sẽ thực thi khi "một cái gì đó" gọi [cuộc gọi] hàm:invokes [calls] the function:
- 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ẽ tìm hiểu thêm về việc gọi chức năng sau này trong hướng dẫn này.
Chức năng trả về
Khi JavaScript đạt đến câu lệnh return
, chức năng sẽ ngừng thực thi.
Nếu hàm được gọi từ một câu lệnh, JavaScript sẽ "trả lại" để thực thi mã sau câu lệnh gọi.
Các chức năng thường tính toán giá trị trả về. Giá trị trả về được "trả về" trở lại "người gọi":return value. The return value is "returned" back to the "caller":
Thí dụ
Tính toán sản phẩm của hai số và trả về kết quả:
Đặt x = myfunction [4, 3]; & nbsp; & nbsp; & nbsp; // hàm được gọi, giá trị trả về sẽ kết thúc trong x
hàm myfunction [a, b] {& nbsp; trả về a * b; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; // chức năng trả về sản phẩm của A và B}
return a * b;
// Function returns the product of a and b
}
Kết quả trong x sẽ là:
12
Hãy tự mình thử »
Cú pháp chức năng JavaScript
Một hàm JavaScript được xác định với từ khóa function
, theo sau là một tên, theo sau là dấu ngoặc đơn [].
Tên chức năng có thể chứa các chữ cái, chữ số, dấu gạch dưới và dấu hiệu đô la [cùng quy tắc với các biến].
Thí dụ
Các 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, theo hàm, được đặt bên trong dấu ngoặc xoăn: {}
return [5/9] * [fahrenheit-32];
}
document.getElementById["demo"].innerHTML = toCelsius[77];
Hãy tự mình thử »
Cú pháp chức năng JavaScript
Một hàm JavaScript được xác định với từ khóa function
, theo sau là một tên, theo sau là dấu ngoặc đơn [].
Tên chức năng có thể chứa các chữ cái, chữ số, dấu gạch dưới và dấu hiệu đô la [cùng quy tắc với các biến].
Thí dụ
Các 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, ...]
return [5/9] * [fahrenheit-32];
}
document.getElementById["demo"].innerHTML = toCelsius;
Hãy tự mình thử »
Mã được thực thi, theo hàm, được đặt bên trong dấu ngoặc xoăn: {}
Tên hàm [tham số1, tham số2, tham số3] {& nbsp; // Mã được thực thi}
Thí dụ
Các tham số chức năng được liệt kê bên trong dấu ngoặc đơn [] trong định nghĩa hàm.
Đối số chức năng là các giá trị nhận được bởi hàm khi nó được gọi.
let text = "The temperature is " + x + " Celsius";
Bên trong hàm, các đối số [các tham số] hoạt động như các biến cục bộ.
Hàm gọi
Hãy tự mình thử »
Mã bên trong hàm sẽ thực thi khi "một cái gì đó" gọi [cuộc 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 LOCAL to the function.
Tự động [tự gọi]
Thí dụ
Bạn sẽ tìm hiểu thêm về việc gọi chức năng sau này trong hướng dẫn này.
Chức năng trả về
let carName = "Volvo";
// code here CAN use carName
}
Khi JavaScript đạt đến câu lệnh return
, chức năng sẽ ngừng thực thi.
Hãy tự mình thử »
Nếu hàm được gọi từ một câu lệnh, JavaScript sẽ "trả lại" để thực thi mã sau câu lệnh gọi.
Các chức năng thường tính toán giá trị trả về. Giá trị trả về được "trả về" trở lại "người gọi":
Tính toán sản phẩm của hai số và trả về kết quả:
Exercise:
Đặt x = myfunction [4, 3]; & nbsp; & nbsp; & nbsp; // hàm được gọi, giá trị trả về sẽ kết thúc trong x
function myFunction[] { alert["Hello World!"]; } ;
hàm myfunction [a, b] {& nbsp; trả về a * b; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; // chức năng trả về sản phẩm của A và B}
Phần này của phần JavaScript trên MDN đóng vai trò là một kho lưu trữ các sự kiện về ngôn ngữ JavaScript. Đọc thêm về tài liệu tham khảo này. Các đối tượng tích hợp tiêu chuẩn JavaScript, cùng với các phương thức và thuộc tính của chúng.Xây dựng
Thuộc tính giá trị
globalThis
Infinity
NaN
function
0
Thuộc tính chức năng
function
1function
2function
3function
4function
5function
6function
7function
8function
9
Đối tượng cơ bản
return
0return
1return
2return
3
Đối tượng lỗi
return
4return
5return
6return
7return
8return
912
012
1
Số & ngày
12
212
312
412
5
Xử lý văn bản
12
612
7
Bộ sưu tập được lập chỉ mục
12
812
9toCelsius
0toCelsius
1toCelsius
2toCelsius
3toCelsius
4toCelsius
5toCelsius
6toCelsius
7toCelsius
8toCelsius
9
Bộ sưu tập khóa
toCelsius[]
0toCelsius[]
1toCelsius[]
2toCelsius[]
3
Dữ liệu có cấu trúc
toCelsius[]
4toCelsius[]
5toCelsius[]
6toCelsius[]
7toCelsius[]
8
Quản lý bộ nhớ
toCelsius[]
9myFunction
0
Kiểm soát sự trừu tượng
myFunction
1myFunction
2myFunction
3myFunction
4myFunction
5myFunction
6
Sự phản xạ
myFunction
7myFunction
8
Quốc tế hóa
myFunction
9globalThis
0globalThis
1globalThis
2globalThis
3globalThis
4globalThis
5globalThis
6globalThis
7globalThis
8
Các câu lệnh
Báo cáo và khai báo JavaScript
Kiểm soát dòng chảy
- Khối
- Tuyên bố trống
globalThis
9Infinity
0Infinity
1Infinity
2Infinity
3Infinity
4
Tuyên bố
Infinity
5Infinity
6Infinity
7
Chức năng và các lớp học
function
Infinity
9NaN
0NaN
1return
NaN
3
Lặp lại
NaN
4NaN
5NaN
6NaN
7NaN
8NaN
9
Khác
function
00function
01function
02function
03function
04
Biểu thức và toán tử
Biểu thức và toán tử JavaScript.
Biểu thức chính
function
05function
NaN
3Infinity
9function
09function
10NaN
0NaN
1function
13function
14function
15function
16function
17function
18
Biểu cảm bên trái
- Người truy cập tài sản
function
19 [chuỗi tùy chọn]function
20function
21function
22function
23function
24
Tăng giảm
function
25function
26function
27function
28
Các nhà khai thác đơn
function
29function
30function
31function
32function
33function
34function
35
Toán tử số học
function
32function
33function
38function
39function
40function
41
Nhà khai thác quan hệ
function
42function
43function
44function
45function
46function
47
Toán tử bình đẳng
function
48function
49function
50function
51
Các nhà khai thác thay đổi bitwise
function
52function
53function
54
Các nhà khai thác bitwise nhị phân
function
55function
56function
57
Toán tử logic nhị phân
function
58function
59function
60
Nhà điều hành có điều kiện [ternary]
function
61
Toán tử chuyển nhượng
function
62function
63function
64function
65function
66function
67function
68function
69function
70function
71function
72function
73function
74function
75function
76function
77function
78function
79
Các nhà khai thác dấu phẩy
function
80
Chức năng
Chức năng JavaScript.
- Hàm mũi tên
- Tham số mặc định
- Tham số nghỉ
function
81- Định nghĩa phương pháp
- Getter
- setter
Các lớp học
Các lớp JavaScript.
Trang tham chiếu bổ sung
- Ngữ pháp từ vựng
- Kiểu dữ liệu và cấu trúc dữ liệu
- Chế độ nghiêm ngặt
- Các tính năng không dùng nữa