Hướng dẫn callback function in javascript w3schools - hàm gọi lại trong javascript w3schools
"Tôi sẽ gọi lại sau!" Show
Một cuộc gọi lại là một hàm được truyền dưới dạng đối số cho một hàm khác Kỹ thuật này cho phép một hàm gọi chức năng khác Một chức năng gọi lại có thể chạy sau khi một hàm khác kết thúc Trình tự chức năngCác hàm JavaScript được thực thi trong chuỗi chúng được gọi. Không trong chuỗi chúng được xác định. Ví dụ này sẽ kết thúc hiển thị "Goodbye": Thí dụ hàm myfirst () {& nbsp; MyDisplayer ("Xin chào");} hàm mysecond () {& nbsp; MyDisplayer ("Tạm biệt");} myfirst (); mysecond (); Hãy tự mình thử » Ví dụ này sẽ kết thúc hiển thị "Xin chào": Thí dụ hàm myfirst () {& nbsp; MyDisplayer ("Xin chào");} hàm mysecond () {& nbsp; MyDisplayer ("Tạm biệt");} mySecond();myFirst(); Hãy tự mình thử » Ví dụ này sẽ kết thúc hiển thị "Xin chào":Kiểm soát trình tự Đôi khi bạn muốn có quyền kiểm soát tốt hơn khi thực hiện một chức năng. Giả sử bạn muốn thực hiện một phép tính, và sau đó hiển thị kết quả. Bạn có thể gọi hàm máy tính (myCalculator), lưu kết quả và sau đó gọi hàm khác (myDisplayer) để hiển thị kết quả:Thí dụ hàm mydisplayer (một số) {& nbsp; document.getEuityById ("demo"). innerHtml = một số;} hàm mycalculator (num1, num2) {& nbsp; Đặt sum = num1 + num2; & nbsp; trả về tổng; } Hãy tự mình thử » Ví dụ này sẽ kết thúc hiển thị "Xin chào": Thí dụ hàm myfirst () {& nbsp; MyDisplayer ("Xin chào");} hàm mysecond () {& nbsp; MyDisplayer ("Tạm biệt");} myfirst (); mysecond (); Hãy tự mình thử » Ví dụ này sẽ kết thúc hiển thị "Xin chào": Kiểm soát trình tự Đôi khi bạn muốn có quyền kiểm soát tốt hơn khi thực hiện một chức năng. Giả sử bạn muốn thực hiện một phép tính, và sau đó hiển thị kết quả.Bạn có thể gọi hàm máy tính ( Thí dụ Thí dụ hàm myfirst () {& nbsp; MyDisplayer ("Xin chào");} hàm mysecond () {& nbsp; MyDisplayer ("Tạm biệt");} myfirst (); mysecond (); Hãy tự mình thử » Ví dụ này sẽ kết thúc hiển thị "Xin chào": Kiểm soát trình tự Đôi khi bạn muốn có quyền kiểm soát tốt hơn khi thực hiện một chức năng. Giả sử bạn muốn thực hiện một phép tính, và sau đó hiển thị kết quả. Bạn có thể gọi hàm máy tính ( Thí dụhàm mydisplayer (một số) {& nbsp; document.getEuityById ("demo"). innerHtml = một số;} hàm mycalculator (num1, num2) {& nbsp; Đặt sum = num1 + num2; & nbsp; trả về tổng; } Đặt kết quả = mycalculator (5, 5); MyDisplayer (kết quả); Hoặc, bạn có thể gọi chức năng máy tính ( Chức năng gọi lại của JQueryCallback FunctionsMột chức năng gọi lại được thực thi sau khi hiệu ứng hiện tại được hoàn thành 100%. Chức năng gọi lại của JQueryMột chức năng gọi lại được thực thi sau khi hiệu ứng hiện tại được hoàn thành 100%. Các câu lệnh JavaScript được thực thi từng dòng. Tuy nhiên, với các hiệu ứng, dòng mã tiếp theo có thể được chạy mặc dù hiệu ứng chưa kết thúc. Điều này có thể tạo ra lỗi. Để ngăn chặn điều này, bạn có thể tạo chức năng gọi lại. Một chức năng gọi lại được thực thi sau khi hiệu ứng hiện tại kết thúc.$(selector).hide(speed,callback); Cú pháp điển hình: $ (bộ chọn) .Hide (tốc độ, gọi lại); Ví dụ Ví dụ dưới đây có tham số gọi lại là một hàm sẽ được thực thi sau khi hoàn thành hiệu ứng ẩn:Ví dụ với gọi lại $ ("nút"). Nhấp (function () {& nbsp; & nbsp; $ ("p"). Ẩn ("slow", function () ; & nbsp;});}); Hãy tự mình thử » Ví dụ dưới đây không có tham số gọi lại và hộp cảnh báo sẽ được hiển thị trước khi hoàn tất hiệu ứng ẩn:Ví dụ mà không cần gọi lại $ ("nút"). Nhấp (function () {& nbsp; & nbsp; $ ("p"). Ẩn ("slow", function () ; & nbsp;});}); "Tôi sẽ kết thúc sau!" Các chức năng chạy song song với các chức năng khác được gọi là không đồng bộ Một ví dụ điển hình là javascript setTimeout () JavaScript không đồng bộCác ví dụ được sử dụng trong chương trước, đã rất đơn giản. Mục đích của các ví dụ là để chứng minh cú pháp của các hàm gọi lại: Thí dụ hàm mydisplayer (cái gì đó) {& nbsp; document.getEuityById ("demo"). innerHtml = something;} hàm mycalculator (num1, num2, mycallback) {& nbsp; Đặt sum = num1 + num2; & nbsp; mycallback (tổng);} mycalculator (5, 5, mydisplayer); Hãy tự mình thử » Trong ví dụ trên, Nó được truyền đến Trong thế giới thực, các cuộc gọi lại thường được sử dụng với các chức năng không đồng bộ. Một ví dụ điển hình là JavaScript Chờ đợi thời gian chờKhi sử dụng chức năng JavaScript Thí dụhàm mydisplayer (cái gì đó) {& nbsp; document.getEuityById ("demo"). innerHtml = something;} hàm mycalculator (num1, num2, mycallback) {& nbsp; Đặt sum = num1 + num2; & nbsp; mycallback (tổng);} Hãy tự mình thử » Trong ví dụ trên, Nó được truyền đến Trong thế giới thực, các cuộc gọi lại thường được sử dụng với các chức năng không đồng bộ. Một ví dụ điển hình là JavaScript Chờ đợi thời gian chờ Khi sử dụng chức năng JavaScript setTimeout (myFunction, 3000); Thí dụhàm mydisplayer (cái gì đó) {& nbsp; document.getEuityById ("demo"). innerHtml = something;} hàm mycalculator (num1, num2, mycallback) {& nbsp; Đặt sum = num1 + num2; & nbsp; mycallback (tổng);} Hãy tự mình thử » Trong ví dụ trên, Trong thế giới thực, các cuộc gọi lại thường được sử dụng với các chức năng không đồng bộ. Một ví dụ điển hình là JavaScript setTimeout().Chờ đợi thời gian chờ Thí dụhàm mydisplayer (cái gì đó) {& nbsp; document.getEuityById ("demo"). innerHtml = something;} hàm mycalculator (num1, num2, mycallback) {& nbsp; Đặt sum = num1 + num2; & nbsp; mycallback (tổng);} Hãy tự mình thử » Trong ví dụ trên, Nó được truyền đến Trong thế giới thực, các cuộc gọi lại thường được sử dụng với các chức năng không đồng bộ. Một ví dụ điển hình là JavaScript setTimeout().Chờ đợi thời gian chờ Khi sử dụng chức năng JavaScript setTimeout (myFunction, 3000); hàm myFunction () {& nbsp; document.getEuityById ("demo"). Internhtml = "Tôi yêu bạn !!"; }Trong ví dụ trên,
3000 là số mili giây trước khi hết thời gian, vì vậy Hãy tự mình thử » Trong ví dụ trên, Nó được truyền đến Trong thế giới thực, các cuộc gọi lại thường được sử dụng với các chức năng không đồng bộ. mycar.htmlMột ví dụ điển hình là JavaScript Chờ đợi thời gian chờ Khi sử dụng chức năng JavaScript Hàm gọi lại trong JavaScript là gì?Một cuộc gọi lại là một hàm được truyền như một đối số cho một hàm khác. Kỹ thuật này cho phép một chức năng gọi chức năng khác. Một chức năng gọi lại có thể chạy sau khi một chức năng khác kết thúc.a function passed as an argument to another function. This technique allows a function to call another function. A callback function can run after another function has finished.
Các chức năng gọi lại với một ví dụ là gì?Ví dụ: Sử dụng hàm gọi lại hàm SayName () được truyền làm đối số cho hàm Greet ().Phương thức setTimeout () thực thi hàm lời chào () chỉ sau 2 giây.Tuy nhiên, hàm SayName () chờ đợi việc thực thi hàm GREET ().The sayName() function is passed as an argument to the greet() function. The setTimeout() method executes the greet() function only after 2 seconds. However, the sayName() function waits for the execution of the greet() function.
Hàm gọi lại được sử dụng để làm gì?Hàm gọi lại là một hàm được truyền như một đối số cho một hàm khác, để được gọi là trở lại sau đó.Một hàm chấp nhận các hàm khác vì các đối số được gọi là hàm bậc cao hơn, chứa logic khi hàm gọi lại được thực thi.
Làm thế nào để bạn viết một chức năng gọi lại?Một hàm gọi lại tùy chỉnh có thể được tạo bằng cách sử dụng từ khóa gọi lại làm tham số cuối cùng.Sau đó, nó có thể được gọi bằng cách gọi hàm gọi lại () ở cuối hàm.Toán tử typeOf được sử dụng tùy chọn để kiểm tra xem đối số được truyền có thực sự là một hàm không.Bảng điều khiển.using the callback keyword as the last parameter. It can then be invoked by calling the callback() function at the end of the function. The typeof operator is optionally used to check if the argument passed is actually a function. console. |