Hướng dẫn này nêu bật sự khác biệt giữa “biểu thức hàm” tức là “var functionName = function() {}” và “khai báo hàm” tức là “function functionName() {}” trong JavaScript.
“var functionName = function() {}” là gì?
Cái này ' var functionName = function() {} ” được gọi là “ biểu thức hàm ”. Nó giống như một biến được gán một chức năng và sau đó được xác định. Hàm do người dùng xác định chỉ có thể được gọi sau khi biểu thức hàm được gán cho một biến trong thời gian chạy.
cú pháp
tên hàm var = chức năng ( ) { ... } ;
Hãy triển khai cú pháp được xác định ở trên với sự trợ giúp của một ví dụ.
Ví dụ 1: Áp dụng “var functionName = function() {}” trong JavaScript
Trong ví dụ này, “ var functionName = function() {} ” được áp dụng để xác định một hàm và phân bổ nó cho một biến.
Mã JavaScript
Hãy xem xét đoạn mã JavaScript sau:
< kịch bản >là chức năngDemo = chức năng ( ) {
bảng điều khiển. đăng nhập ( 'Xin chào Linuxhint' ) ;
} ;
chức năngDemo ( ) ;
kịch bản >
Trong các dòng mã trên:
- Định nghĩa một chức năng có tên là “ hàmDemo() ” thông qua phân bổ cho một biến.
- Theo định nghĩa của nó, “ console.log() ” được sử dụng để in câu lệnh bằng văn bản.
- Cuối cùng, gọi hàm đã xác định “functionDemo()” sau khi khai báo.
đầu ra
Như đã thấy, bảng điều khiển hiển thị đầu ra của hàm, tức là, “ hàmDemo() ” thành công.
“Hàm functionName() {}” là gì?
Các ' hàm functionName() {} ” tương ứng với một “ khai báo hàm ”. Nó được định nghĩa đơn giản bằng cách định nghĩa hàm theo tên của nó. Chức năng được gán cho mã định danh tại thời điểm phân tích cú pháp.
cú pháp
chức năng tên chức năng ( ) { ... } ;Hãy áp dụng cú pháp được xác định ở trên để xem triển khai thực tế của nó.
Ví dụ 2: Áp dụng “function functionName() {}” trong JavaScript
Ví dụ này áp dụng “ hàm functionName() {} ” để thực thi hàm JavaScript đã xác định.
Mã JavaScript
Hãy cùng xem đoạn mã JavaScript sau:
< kịch bản >chức năngDemo ( ) ;
hàm chức năngDemo ( ) {
bảng điều khiển. đăng nhập ( 'Xin chào Linuxhint' ) ;
} ;
kịch bản >
Trong khối mã trên, hàm “ hàmDemo() ” được gọi đầu tiên và sau đó được khai báo. Nó sử dụng phương thức “console.log()” để trả về thông báo đã nêu.
đầu ra
Đầu ra hiển thị kết quả của hàm do người dùng xác định. Ngoài ra, có thể phân tích rằng hàm có thể được gọi bất kể trình tự của hàm có liên quan hoặc được xác định.
Sự khác biệt giữa “var functionName = function() {}” và “function functionName() {}”
Sự khác biệt chính giữa “ var functionName = function() {} ” biểu thức và “ hàm functionName() {} ” khai báo được liệt kê dưới đây:
- “Khai báo hàm” được đặt bên trong định nghĩa hàm trong khi “biểu thức hàm” được đặt bên ngoài tập lệnh của nó dưới dạng câu lệnh gán.
- “Khai báo hàm” không tạo ra bất kỳ lỗi nào nếu một hàm gọi trước nó. Tuy nhiên, 'biểu thức hàm' tạo ra lỗi nếu người dùng gọi một hàm trước khi khai báo.
Phần kết luận
Các ' var functionName = function() {} ” là một biểu thức hàm trong khi “ hàm functionName() {} ” được gọi là “khai báo hàm”. “Biểu thức hàm” hoạt động như một câu lệnh gán và phải được gán cho một biến trước khi gọi hàm. Mặt khác, “khai báo hàm” có thể được truy cập bất kể trình tự gọi. Hướng dẫn này trình bày sự khác biệt giữa “biểu thức hàm” tức là “var functionName = function() {}” và “khai báo hàm” tức là “function functionName() {}” trong JavaScript.