在 JavaScript 中，setInterval 函数可用于定期调用一个函数。通常情况下，我们会指定一个时间间隔，在经过该时间间隔后再开始循环调用该函数。但是，有时候我们需要立即启动循环而不必等待第一次时间间隔到达。那么，该如何实现呢？
使用 setTimeout 函数
一种常见的方法是使用 setTimeout 函数在调用 setInterval 函数之前先调用一次要执行的函数，然后再以指定的时间间隔循环调用它。示例如下：
-------- ------------- - ---------------------- - --------------------- - -------------- ------------------------ ------ -- ---
在这个例子中，我们首先定义了一个函数 doSomething，用于向控制台输出“Hello!”。然后，我们使用 setTimeout 函数在当前事件队列执行完毕后立即调用一个匿名函数，并在其中调用 doSomething 函数和 setInterval 函数。由于 setTimeout 函数的第二个参数为 0，因此该匿名函数会立即被加入到下一个事件队列中，从而立即启动了 setInterval 循环。
使用立即执行函数表达式（IIFE）
另一种常见的方法是使用立即执行函数表达式（IIFE）。IIFE 是指在定义后立即执行的函数表达式。我们可以将要执行的代码放在 IIFE 中并立即调用它，然后再以指定的时间间隔循环调用它。示例如下：
--------- ------------- - ---------------------- ------------------------ ------ -----
在这个例子中，我们定义了一个 IIFE，并将要执行的代码放在其中。该函数包含了 doSomething 函数的定义和一条输出语句。然后，我们在函数的结尾处立即调用它，并在其中调用 setInterval 函数以循环调用 doSomething 函数。由于该函数在定义后立即被调用，因此也可以实现立即启动 setInterval 循环的效果。
结论
以上两种方法都可以实现立即启动 setInterval 循环的效果。使用 setTimeout 函数可能更容易理解和实现，但会增加一些不必要的代码。而使用 IIFE 可以更简洁地实现目标，但需要熟悉该语法。
无论你选择哪种方法，都应该注意不要让 setInterval 循环无限制地运行下去，否则可能会导致性能问题或内存泄漏。在每次循环调用之前，最好检查是否有必要继续执行循环。
希望本文对您有所帮助！
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/26416