Bài viết này giải thích cách chúng ta gán một hàm đã khai báo cho một biến bất kỳ và kiểm tra xem hàm có chứa tham số hay không. Hàm được liên kết với biến có thể trả về bất kỳ giá trị nào và lưu trữ giá trị đó trong một biến;
var variable_name = function functionName[]{};
Ví dụ về gán hàm cho biến bằng JavaScript trong HTML
Chúng tôi sẽ gán một hàm cho một biến checkValue
sẽ xác định xem giá trị đã cho của người dùng là chẵn hay lẻ. Chức năng sẽ được kích hoạt bất cứ khi nào người dùng chèn một giá trị vào đầu vào và nhấn nút submit
;
HTML | Assign Function to Variable Example
Hi Users Check your choosen value is a even or odd.
Trong nguồn trang HTML
ở trên, bạn có thể thấy một loại số biểu mẫu đầu vào đơn giản để lấy giá trị số nguyên từ người dùng và có một nút submit
để gửi giá trị và tiến hành chức năng
hoặc chúng ta có thể viết nó có một trình xử lý [gọi lại] trong trình xử lý sự kiện, [giả sử chúng ta có một phần tử nút với id=”click-me”],
document.getElementById['click-me'].addEventListener['click',function [] {}];
Chúng tôi gọi nó là một biểu thức vì nó không phải là một câu lệnh và nó cần một ngữ cảnh hoặc một nhiệm vụ
Hàm được khai báo hơi khác một chút ở chỗ nó là một câu lệnh hoàn chỉnh ngay lập tức
function bar[] {}
Dạng hàm này là bất biến, nghĩa là không thể thay đổi.
HTML | Assign Function to Variable Example
Hi Users Check your choosen value is a even or odd.
0 được khắc ghi trong ký ức và không thể được giao nhiệm vụ mới.
HTML | Assign Function to Variable Example
Hi Users Check your choosen value is a even or odd.
1 ở trên có thể được giao nhiệm vụ mới bất cứ lúc nàoĐể tìm hiểu thêm về điều này, hãy tìm kiếm, 'khai báo hàm so với biểu thức hàm' và để ý đến thuật ngữ, 'hoisting' để bạn biết cách nó phù hợp với bức tranh này
Qua một bên.
HTML | Assign Function to Variable Example
Hi Users Check your choosen value is a even or odd.
2 là từ dành riêng trong JavaScript và chúng tôi không thể sử dụng nó trong ngữ cảnh cửa sổ chung, chỉ bên trong một hàm hoặc dưới dạng thuộc tính đối tượng. Tìm kiếm
HTML | Assign Function to Variable Example
Hi Users Check your choosen value is a even or odd.
3 và bạn có thể tìm thấy điều gì đó về điều này Các chức năng được khai báo không được thực thi ngay lập tức. Chúng được "lưu để sử dụng sau" và sẽ được thực thi sau, khi chúng được gọi [được gọi]
Dấu chấm phẩy được sử dụng để phân tách các câu lệnh JavaScript thực thi.
Vì một khai báo hàm không phải là một câu lệnh thực thi nên không thường kết thúc nó bằng dấu chấm phẩy.
Biểu thức hàm
Hàm JavaScript cũng có thể được xác định bằng biểu thức
Một biểu thức chức năng có thể được lưu trữ trong một biến
Sau khi một biểu thức hàm đã được lưu trữ trong một biến, biến đó có thể được sử dụng như một hàm
Chức năng trên thực sự là một chức năng ẩn danh [một chức năng không có tên]
Các hàm được lưu trữ trong các biến không cần tên hàm. Chúng luôn được gọi [được gọi] bằng cách sử dụng tên biến
Hàm trên kết thúc bằng dấu chấm phẩy vì nó là một phần của câu lệnh thực thi
Hàm xây dựng []
Như bạn đã thấy trong các ví dụ trước, các hàm JavaScript được định nghĩa bằng từ khóa
HTML | Assign Function to Variable Example
Hi Users Check your choosen value is a even or odd.
4Các hàm cũng có thể được xác định bằng hàm tạo hàm JavaScript tích hợp có tên là
HTML | Assign Function to Variable Example
Hi Users Check your choosen value is a even or odd.
5Thí dụ
const myFunction = new Function["a", "b", "return a * b"];
cho x = myFunction[4, 3];
Tự mình thử »Bạn thực sự không phải sử dụng hàm tạo. Ví dụ trên cũng giống như cách viết
Thí dụ
const myFunction = function[a,b] {return a*b};
cho x = myFunction[4, 3];
Tự mình thử »Hầu hết thời gian, bạn có thể tránh sử dụng từ khóa
HTML | Assign Function to Variable Example
Hi Users Check your choosen value is a even or odd.
6 trong JavaScriptcẩu chức năng
Trước đó trong hướng dẫn này, bạn đã học về "hoisting" [JavaScript Hoisting]
Nâng là hành vi mặc định của JavaScript để di chuyển các khai báo lên đầu phạm vi hiện tại
Hoisting áp dụng cho khai báo biến và khai báo hàm
Do đó, các hàm JavaScript có thể được gọi trước khi chúng được khai báo
chức năng của tôi [5];
function myFunction[y] {
return y * y;
}
Các chức năng được xác định bằng một biểu thức không được nâng lên
Chức năng tự gọi
Các biểu thức chức năng có thể được thực hiện "tự gọi"
Một biểu thức tự gọi được gọi [bắt đầu] tự động mà không được gọi
Các biểu thức hàm sẽ tự động thực thi nếu biểu thức được theo sau bởi []
Bạn không thể tự gọi khai báo hàm
Bạn phải thêm dấu ngoặc đơn xung quanh hàm để chỉ ra rằng đó là một biểu thức hàm
Thí dụ
[function [] {
let x = "Xin chào. "; // Tôi sẽ gọi chính mình
}][];
Chức năng trên thực sự là một chức năng tự gọi ẩn danh [hàm không có tên]
Hàm có thể được sử dụng làm giá trị
Các hàm JavaScript có thể được sử dụng làm giá trị
Thí dụ
function myFunction[a, b] {
return a * b;
}
cho x = myFunction[4, 3];
Tự mình thử »Các hàm JavaScript có thể được sử dụng trong các biểu thức
Thí dụ
function myFunction[a, b] {
return a * b;
}
đặt x = myFunction[4, 3] * 2;
Tự mình thử »Chức năng là đối tượng
Toán tử
HTML | Assign Function to Variable Example
Hi Users Check your choosen value is a even or odd.
7 trong JavaScript trả về "hàm" cho các hàmTuy nhiên, các hàm JavaScript tốt nhất có thể được mô tả dưới dạng các đối tượng
Hàm JavaScript có cả thuộc tính và phương thức
Thuộc tính
HTML | Assign Function to Variable Example
Hi Users Check your choosen value is a even or odd.
8 trả về số đối số nhận được khi hàm được gọiPhương thức
HTML | Assign Function to Variable Example
Hi Users Check your choosen value is a even or odd.
9 trả về hàm dưới dạng một chuỗiThí dụ
function myFunction[a, b] {
return a * b;
}
hãy để văn bản = myFunction. toString[];
Tự mình thử »Một hàm được định nghĩa là thuộc tính của một đối tượng, được gọi là một phương thức đối với đối tượng.
Một hàm được thiết kế để tạo đối tượng mới, được gọi là hàm tạo đối tượng.
Hàm mũi tên
Các hàm mũi tên cho phép một cú pháp ngắn để viết các biểu thức hàm
Bạn không cần từ khóa
HTML | Assign Function to Variable Example
Hi Users Check your choosen value is a even or odd.
4, từ khóa document.getElementById['click-me'].addEventListener['click',function [] {}];
1 và dấu ngoặc nhọnThí dụ
// ES5
var x = function[x, y] {
return x * y;
}
// ES6
const x = [x, y] => x * y;
Các hàm mũi tên không có
document.getElementById['click-me'].addEventListener['click',function [] {}];
2 của riêng chúng. Chúng không phù hợp để xác định các phương thức đối tượngCác chức năng mũi tên không được nâng lên. Chúng phải được xác định trước khi chúng được sử dụng
Sử dụng
HTML | Assign Function to Variable Example
Hi Users Check your choosen value is a even or odd.
40 an toàn hơn sử dụng
HTML | Assign Function to Variable Example
Hi Users Check your choosen value is a even or odd.
41, vì biểu thức hàm luôn có giá trị không đổiBạn chỉ có thể bỏ qua từ khóa
document.getElementById['click-me'].addEventListener['click',function [] {}];
1 và dấu ngoặc nhọn nếu hàm là một câu lệnh đơn. Vì điều này, có thể là một thói quen tốt để luôn giữ chúng