如何调用函数以前的函数在jQuery的完成后？

任务是在 JavaScript 中顺序执行一系列函数。也就是说，只有在第一个函数完成执行后才执行函数二。

句法：

functionName();

方法：这个问题可以通过多种方式解决。

• 我们可以在函数一的末尾修复（硬编码）一个回调函数。这样做可以确保回调函数在函数完成执行时总是被调用。但是，这种方法的一个问题是我们无法在运行时稍后更改回调函数。我们要么删除那行代码，要么修改它。
• 另一种方法是将回调函数作为参数传递给函数one，并使函数one 在其生命周期结束时调用这个新的回调函数。这种方法更灵活，因为它允许我们在运行时更改回调函数，而无需实际修改任何代码行。

让我们详细看看它们中的每一个。

示例 1：在本示例中，我们将在函数1 的末尾修复（硬编码）回调函数。

  

    
        Call a function after
        completing a function
    

  

    
  
        
        GeeksforGeeks
        A Computer Science Portal for Geeks
        
        Click
        
        
        
        
            $('button').click(function() {
                console.log("Button clicked!");
                
                // Task is to execute callbackFirst
                // function first and then execute
                // callbackSecond function.
                callbackFirst();
            });
  
            function callbackFirst() {
                console.log("First Function start");
                for (var i = 1; i < 10; i++) {
                    $('p').append(i + " ");
                }
                console.log("First Function end");
                
                // Execute callbackSecond() now as its
                // the end of callbackFirst()
                callbackSecond();
            }
  
            function callbackSecond() {
                console.log("Second Function start");
                $('body').css({
                    'background-color': 'gray'
                });
                $('h1').css({
                    'color': 'green'
                });
                console.log("Second Function end");
            }
        
    

  

输出：

单击按钮后在控制台中：

Button clicked!
First Function start
First Function end
Second Function start
Second Function end

示例 2：在本示例中，我们将一个回调函数作为参数传递给函数1，以便它可以在执行结束时调用这个新的回调函数。任务是先执行 callbackFirst函数，然后执行 callbackSecond函数。首先将 callbackSecond 作为参数传递给回调。

  
    Call a function after completeing a function
  

    
        GeeksforGeeks
      A Computer Science Portal for Geeks
        Click!
        
        
        
        
            $('button').click(function() {
                console.log("Button clicked!");
  
                // Execute callbackSecond at the end
                // of its execution
                callbackFirst(callbackSecond);
            });
  
            function callbackFirst(callbackFn) {
                console.log("First Function start");
                for (var i = 1; i < 10; i++) {
                    $('p').append(i + " ");
                }
                console.log("First Function end");
                  
                /* Execute callbackFn() now as its
                   the end of callbackFirst() This 
                   function was passed as a parameter */
                callbackFn();
            }
  
            function callbackSecond() {
                console.log("Second Function start");
                $('body').css({
                    'background-color': 'green'
                });
                $('h1').css({
                    'color': 'black'
                });
                console.log("Second Function end");
            }
        
    

  

输出：

单击按钮后在控制台中：

Button clicked!
First Function start
First Function end
Second Function start
Second Function end

jQuery 是一个开源 JavaScript 库，它简化了 HTML/CSS 文档之间的交互，它以其“少写，多做”的理念而广为人知。
您可以按照此 jQuery 教程和 jQuery 示例从头开始学习 jQuery。