如何使用 JavaScript 实现在指定时间后启用另一个函数的函数？

假设我们得到了一个函数add() ，它接受两个参数a和b ， 并返回他们的总和。我们应该实现一个函数，该函数应该能够在给定的延迟时间后调用任何函数。这可以通过下面给出的方法来完成：

方法 1：创建一个接收延迟量、要调用的函数和参数的函数 给予。

在这种方法中，我们将add()函数及其参数传递给我们创建的callAfter() 。 setTimeout() 方法用于在给定的延迟时间后从 callAfter() 方法内部调用 add()函数。参数也传递给函数。

例子：

HTML

  

    
        function callAfter(delay, myFunct,
            ...params) {
            setTimeout(() => {
                myFunct(...params);
            }, delay);
        }
  
        function add(a, b) {
            alert("The sum is : " + (a + b));
        }
  
        callAfter(2000, add, 4, 7);
    

  

方法2：使用匿名函数。

在某些情况下，您可能希望传递带有参数的函数，但不希望在调用回调之前调用它。在这种情况下，您可以将其包装在匿名函数中。

例子：

HTML

  

    
        function callAfter(delay, funct) {
            setTimeout(() => {
                funct();
            }, delay);
        }
  
        function add(a, b) {
            alert("The sum is : " + (a + b));
        }
  
        callAfter(2000, function() {
            add(4, 7);
        });
    

  

方法 3：在 JavaScript 中使用原型：在这种方法中，我们可以向函数构造函数的原型对象添加一个方法。这将允许我们将callAfter()与任何函数一起使用。

句法：

functionName.callAfter(delay, param1, param2, ....);

例子：

HTML

  

    Call after

  

    
        Function.prototype.callAfter =
            function(delay, ...params) {
                setTimeout(() => this(...params), delay);
            };
  
        function add(a, b) {
            alert("The sum is : " + (a + b));
        }
  
        add.callAfter(2000, 4, 7);
    

  

输出：在上述所有方法的指定延迟后显示一条警报消息。