在前端开发中，我们经常需要使用定时器来执行一些周期性的任务。而使用 Promise 可以更好地管理异步请求和并发操作，因此，将这两种技术结合起来使用，可以更好地提高代码的效率和可读性。
那么，在 Promise 中如何使用 setInterval 呢？下面我们就来详细介绍一下。
Promise 和定时器基础
在开始介绍如何在 Promise 中使用 setInterval 之前，我们先来回顾一下 Promise 和定时器的基础知识。
Promise
Promise 是一种用于处理异步操作的对象，它包装了一个异步操作并返回一个 Promise 对象，可以用 then() 方法添加回调函数，在异步操作完成之后执行。如果异步操作失败，可以用 catch() 方法处理错误信息。
Promise 的基本语法如下：
-- -------------------- ---- -------
--- ------- - --- ------------------------- ------- -
-- ----
-- -------- -
---------------- -- --------------------
- ---- -
-------------- -- --------------------
-
---
----------------------------- -
-- --------------
------------------------ -
-- --------------
---定时器
JavaScript 中有两种定时器：setTimeout 和 setInterval。其中，setTimeout 只会执行一次，而 setInterval 则会每隔一段时间执行一次，直到主动停止。
setInterval 的基本语法如下：
let intervalID = setInterval(callback, delay);
其中，callback 是需要执行的函数，delay 是间隔的时间，单位是毫秒。intervalID 是 setInterval 函数返回的定时器 ID，可以用 clearInterval(intervalID) 停止定时器。
在 Promise 中使用定时器
既然我们已经了解了 Promise 和定时器的基础知识，那么在 Promise 中使用 setInterval 的思路就比较简单了：在 Promise 中封装一个定时器任务，然后利用 Promise 的 then 或 async/await 语法糖实现每隔一段时间执行一次任务。
下面，我们来分别介绍这两种方法的实现。
使用 then() 方法
使用 then() 方法实现代码如下：
-- -------------------- ---- -------
-------- --------------- -
------ --- ------------------------- -
-------------------- -------
---
-
-- -- - ----- ----- ------
------------------------------ -
------------------ ---------
---在上面的代码中，我们定义了一个 interval 函数作为 Promise 的构造器，该函数接受一个 delay 参数，返回一个 Promise 对象，并使用 setInterval 函数在每隔 delay 毫秒后调用 resolve() 函数。
然后，我们调用 interval 函数并传入 1000 作为参数，表示每隔 1 秒执行一次定时任务，在 then() 方法中输出 'Hello World!' 字符串。
使用 async/await 语法糖
使用 async/await 语法糖实现代码如下：
-- -------------------- ---- -------
-------- ------------ -
------ --- ------------------------- -
------------------- -------
---
-
----- -------- ---------- -
----- ------ -
------------------ ---------
-- -- - ---------
----- ------------
-
-
-- --------
-----------在上面的代码中，我们定义了一个 sleep 函数来封装一个异步的定时器任务。然后，在 interval 函数内部，我们使用一个无限循环来执行定时任务，首先输出 'Hello World!' 字符串，然后使用 await 关键字暂停程序的执行，等待 1 秒再执行下一次循环。
最后，我们启动 interval 函数，即可每隔 1 秒输出一次 'Hello World!' 字符串。
总结
以上就是如何在 Promise 中使用 setInterval 的方法，通过将两种技术结合起来使用，我们可以更好地管理异步任务，提高代码的可读性和效率。
同时，在使用定时器时，需要注意避免出现内存泄漏等问题，可以及时清除定时器，保证程序的稳定性和性能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6451e4cd675af4061b5a06b5