ใน JavaScript เนื่องจากฟังก์ชันเป็นอ็อบเจ็กต์ เราจึงสามารถส่งฟังก์ชันเป็นพารามิเตอร์ให้ฟังก์ชันอื่นได้ ฟังก์ชันเหล่านี้สามารถถูกเรียกใช้ภายในฟังก์ชันอื่น และฟังก์ชันที่ถูกส่งเข้ามานี้เรียกว่า callback function (ฟังก์ชันเรียกกลับ)
โค้ดตัวอย่างสำหรับ JavaScript Callbacks ดังนี้ -
ตัวอย่าง
<!DOCTYPE html> <html> <head> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } </style> </head> <body> <h1>JavaScript Boolean constructor Property</h1> <p class="sample"></p> <button class="btn">CLICK HERE</button> <h3> คลิกที่ปุ่มข้างบนเพื่อเรียกฟังก์ชัน add ซึ่งจะเรียกกลับฟังก์ชันอีกตัวหนึ่ง </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>
ผลลัพธ์
เมื่อคลิกปุ่ม "CLICK HERE" -
