JavaScript में, चूंकि फंक्शन ऑब्जेक्ट होते हैं, इसलिए हम उन्हें दूसरे फंक्शन में पैरामीटर के रूप में पास कर सकते हैं। इन फंक्शन को फिर दूसरे फंक्शन के अंदर कॉल किया जा सकता है, और पास किए गए फंक्शन को कॉलबैक फंक्शन कहा जाता है।
उदाहरण
<!DOCTYPE html> <html> <head> <style>
body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; }
</style> </head> <body>
<h1>JavaScript कॉलबैक फंक्शन उदाहरण</h1>
<p class="sample"></p>
<button class="btn">यहां क्लिक करें</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>
आउटपुट
जब "यहां क्लिक करें" बटन पर क्लिक किया जाता है, तो add फंक्शन 4 और 5 को जोड़ता है (परिणाम 9) और फिर callback फंक्शन multiplyResultByTwo को कॉल करता है जो परिणाम को 2 से गुणा करके 18 प्रदर्शित करता है।
मुख्य बिंदु:
- कॉलबैक फंक्शन एसिंक्रोनस ऑपरेशन को संभालने के लिए आवश्यक हैं
- वे कोड को अधिक मॉड्यूलर और पुन: प्रयोज्य बनाते हैं
- इवेंट हैंडलर, setTimeout, और Array मेथड्स (map, filter, forEach) सभी कॉलबैक का उपयोग करते हैं
