Table of Contents
Introduction
हेलो दोस्तों आज हम इस post में javascript के callback function के बारे me जानेगे!. javascript में callback function क्या होती है और उसका इस्तेमाल कैसे कर सकते है वह हम example के साथ समझेंगे!.
What is callback function in javascript
Javascript में callback function एक ऐसी function होती है जो दूसरी function में एक argument के रूप में pass की जाती है और जब उस function का task ख़तम होता है तो वह callback function को execute करता है!. Callback function को execute करने के responsiblity उस function की होती है जिसे वह callback function pass किया गया है!. आम तोर पर यह तब किया जाता है जब वह किसी operation या task को पूरा कर चुकी होती है!.
Callback function का सामान्य तोर पर asynchronous programming में इस्तेमाल किया जाता है!. जहा लंबे time तक चलने वाले tasks को background में execute किया जाता है और callback function इस्तेमाल इन operations के results को manage करने के लिए किया जाता है!.
यह एक example है जहा callback function का इस्तेमाल एक asynchronous operation के result को manage करने के लिए किया जाता है!.
Example:
<script>
function getDataFromServer(callback) {
// Make a network request
fetch('https://example.com/data')
.then(response => response.json())
.then(data => {
// Invoke the callback function with the data
callback(data);
})
.catch(error => {
console.log('Error occurred: ', error);
});
}
function handleData(data) {
console.log('Received data: ', data);
}
// Call the function and pass the callback function as an argument
getDataFromServer(handleData);
</script>
ऊपर के example में ‘getDataFromServer()’ एक function है जो network से request करती है और data को एक JSON object के रूप में वापस लाती है यह एक callback function को एक argument के रूप में accepts करती है, जो network से request ख़तम होने पर प्राप्त data के साथ callback function को execute करती है!.
‘handleData()’ function को callback function के रूप में ‘getDataFromServer()’ को pass किया जाता है| यह data को एक argument के रूप में लेता है और उसे console में log करता है| ‘getDataFromServer()’ function अपना task ख़तम होने पर, वापस लोटे data के साथ ‘handleData()’ function को execute करता है!.
Example 2:
<script>
function fetchData(url, callback) {
// Simulating an asynchronous operation
setTimeout(function() {
const data = { name: 'John', age: 30 };
callback(data);
}, 2000);
}
function processResult(result) {
console.log('Received data:', result);
// Perform additional operations on the result
}
// Usage: Pass the processResult function as a callback
fetchData('https://example.com/api', processResult);
</script>
ऊपर के example में ‘fetchData()’ function एक asynchronous function जैसे की एक HTTP request कराती है इसमें दो argument है!. First data को get करने के लिए URL और दूसरा callback function 2 second के बाद यह callback function execute करती है और प्राप्त data को एक argument के रूप में pass करती है!.
‘processResult’ function को अलग से defined की गई है और callback function के रूप में काम करती है!. ऐसे प्राप्त data के लिए argument के रूप में ले और इसे किसी भी तरीके से process या handle कर सकते है!.
‘fetchData’ callback ke रूप में ‘processResult’ function को pass करके, हम specify करते है की
जब data प्राप्त हो जाये, तो ‘processResult’ function को call किया जाना चाहिए और प्राप्त data को argument के रूप में pass किया जाये! इससे हम asynchronous रूप से data को handle कर सकते है और उस पर कोई भी operation perform कर सकते है!.
