如何在 JavaScript 中创建自定义回调？

回调是在函数完成执行后调用的函数。由于 JavaScript 是一种事件驱动的语言，它不会等待一个函数完成执行，然后再继续执行下一个函数。回调使得只有在另一个函数完成执行后才执行一个函数成为可能。

JavaScript 中的所有函数都是对象，因此与任何其他对象一样，JavaScript函数可以作为参数传递给另一个函数。有许多使用回调的内置函数。

可以使用callback关键字作为最后一个参数来创建自定义回调函数。然后可以通过在函数末尾调用 callback()函数来调用它。 typeof运算符可选地用于检查传递的参数是否实际上是一个函数。

句法：

function processThis(message, callback) {
            console.log("Running function first with message: " + message);
  
            if (typeof callback == "function")
                callback();
        }
  
        processThis("Hello World", function callFunction() {
            console.log("This is a callback function.")
        });

例子：

  

    
      How to create a custom 
      callback in JavaScript? 
  

  

    
      GeeksforGeeks
  
    
      How to create a custom 
      callback in JavaScript? 
  
    
      See the console for 
      output of the functions
  
    
        function processThis(message, callback) {
            console.log(
              "Running function first with message: "
              + message);
  
            if (typeof callback == "function")
                callback();
        }
  
        processThis("Hello World", function callbackFunction() {
            console.log("This is a callback function.")
        });
    

  

输出：

非匿名回调函数：
回调函数并不总是需要定义为匿名函数。它可以在别处定义，这个函数可以在以后用作回调。传递回调函数时不使用括号。

例子：

  

    
      How to create a custom 
      callback in JavaScript?
  

  

    
      GeeksforGeeks
  
    How to create a custom
      callback in JavaScript? 
    
    See the console for output 
      of the functions
    
        function processThis(message, callback) {
            console.log("Running function first
                        with message: " + message);
  
            if (typeof callback == "function")
                callback();
        }
  
        function callbackFunction() {
            console.log(
              "Running callback function next");
        }
  
        processThis("Hello World", callbackFunction);
    

  

输出：

回调函数中的参数：
回调函数也可以有自己的参数，并且可以在调用函数体中调用回调函数时传递值。

例子：

  

    
      How to create a custom 
      callback in JavaScript?
  

  

    
      GeeksforGeeks
  
    
    How to create a custom callback
      in JavaScript?
    See the console for output of the functions
  
    
        function processThis(message, callback) {
            console.log(
              "Running function first with message: "
              + message);
  
            if (typeof callback == "function")
                callback(9, "Hello!");
        }
  
        function callbackFunction(num, str) {
            console.log("Running callback function next");
            console.log("num value is: " + num);
            console.log("str value is: " + str);
        }
  
        processThis("Hello World", callbackFunction);
    

  

输出：