Trong JavaScript, hàm là đối tượng nên chúng ta có thể truyền hàm như một tham số cho hàm khác. Các hàm này sau đó có thể được gọi bên trong hàm khác, và hàm được truyền vào được gọi là hàm callback (callback function).
Ví dụ
<!DOCTYPE html> <html> <head> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } </style> </head> <body> <h1>Callback trong JavaScript</h1> <p class="sample"></p> <button class="btn">NHẤN VÀO ĐÂY</button> <h3> Nhấn vào nút trên để gọi hàm add, hàm này sẽ gọi lại hàm khác </h3> <script> function add(a, b, callback) { callback(a + b); } function multiplyResultByTwo(res) { document.querySelector(".sample").innerHTML = res * 2; } document.querySelector(".btn").addEventListener("click", () => { add(4, 5, multiplyResultByTwo); }); </script> </body> </html>
Kết quả
Khi nhấn nút "NHẤN VÀO ĐÂY":
Hàm add tính tổng 4 + 5 = 9, sau đó gọi callback multiplyResultByTwo(9) hiển thị kết quả 18.