what are callback functions in JavaScript

Top Blogs

Other Blogs

PHP Form validation | Validate User Input Data In PHP In Hindi

PHP Program to check whether number is Palindrome or not | PHP Find Palindrome Number

Blogs ❯❯ JavaScript

If tutorials available on this website are helpful for you, please whitelist this website in your ad blocker😭 or Donate to help us ❤️ pay for the web hosting to keep the website running.

JavaScript Callback Functions

JavaScript में Callback Functions क्या हैं ?

JavaScript में callback functions , normal function से थोड़े different होते हैं , आज इस blog में उसी के बारे में अच्छे से समझेंगे कि , actually में callback function कैसे work करते हैं।

Callback Functions वो function होते हैं जो किसी दूसरे function में as an arguments pass किये जाते हैं। और जिस function में ये pass किये जाते हैं उन्हें Higher - Order Function कहते हैं।

जैसा कि आप पहले भी पढ़ चुके होंगे कि JavaScript में Functions first class Object होते हैं। Means , इन्हे as a constructor भी use किया जा सकता है।

Need Of Callback Function In JS

हम जानते हैं कि JavaScript Synchronous Scripting language है , means code Top -Down order में run होता है। But कई cases में code Asynchronously भी run होता है।

Actually जब हम setTimeOut() या await() function का use करके Asynchronously Code run करते हैं , तो वो code of block run होने से पहले ही उससे आगे का Code execute होने लगता है। जिसकी वजह से program में कभी-कभी errors भी आ जाती हैं
या logic के according code run नहीं होता है।
For Example :


<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title> JavaScript Callback Function </title>
  </head>

  <body>
    <script type="text/javascript">
    /*define a function to add two numbers*/
   function do_sum(num1, num2)
   {
     var sum = 0;
     /*delay execution for 1 second*/
     setTimeout(function(){
       sum = num1 + num2;
     }, 1000);
     return sum;
   }
 
   var sum = do_sum(10, 20);
   document.write(sum);
   </script>
 </body>
</html>

Output :

ऊपर दिए गए example में , 2 number add करने वाला एक function do_sum() बनाया है। हम ऐसा मानकर चलते हैं कि do_sum() function numbers को add करने में कुछ time लगाएगा। लेकिन function के अंदर जो code execute होने में time लेता है उसे complete execute करने से पहले ही function 0 value do_sum() return कर दे रहा है।

But Callback Function का use करके उन errors से बच सकते हैं , क्योंकि जिस function के लिए callback function as an argument pass किया जाता है , उस function के completely execute होने के बाद ही callback function run होते हैं।

Same example को callback function का use करके कुछ इस तरह से करेंगे -


<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title> JavaScript Callback Function </title>
  </head>

  <body>
    <script type="text/javascript">
      function do_sum(num1, num2, callback)
      {
        var sum = 0;  
        /*delay execution for 1 second*/
        setTimeout(function(){
          sum = num1 + num2;

        /*here call callback function and pass the result*/
        callback(sum)
        }, 1000);
      }

      var sum = do_sum(10, 20, function(result){
        document.write(result)
      });
    </script>
 </body>
</html>

Output :

तो कुछ इस तरह से JavaScript में callback functions का use करते हैं।

ज्यादा कुछ यही , callback functions को जिस भी function में pass करते हैं उस function में as a parameter हमें मिलता बस जहाँ भी need हो call कर लिया जाता है।

Recent Blogs

Loading ...

Rahul Kumar

Hi ! I'm Rahul Kumar Rajput founder of learnhindituts.com. I'm a software developer having more than 4 years of experience. I love to talk about programming as well as writing technical tutorials and blogs that can help to others. I'm here to help you navigate the coding cosmos and turn your ideas into reality, keep coding, keep learning :)

Get connected with me. :) LinkedIn Twitter Instagram Facebook