在前端开发中，我们经常需要进行一些延时处理，例如在一定时间后执行某些操作，或者定时执行某些任务。在 JavaScript 中，我们可以使用 setTimeout 和 setInterval 来实现这些功能。在 Promise 中，我们也可以利用这两个函数来进行延时处理。
setTimeout
setTimeout 函数可以在一定的延时后执行一个回调函数，其语法如下：
-------------------- -------
其中，callback 是要执行的回调函数，delay 是延时的毫秒数。例如，以下代码将在延时 1 秒后打印一条消息：
------------- -- - -------------- ------- -- ------
需要注意的是，setTimeout 不是精确的定时器，它的执行时间可能会因为一些因素（例如浏览器的负载）而有所偏差。因此，如果需要精确的定时器功能，可以使用 setInterval。
setInterval
setInterval 函数可以定时执行一个回调函数，其语法如下：
--------------------- -------
其中，callback 是要执行的回调函数，delay 是每次执行之间的间隔时间。例如，以下代码将每隔 1 秒打印一条消息：
-------------- -- - --------------- - ------ -- ------
需要注意的是，setInterval 会不断执行回调函数，直到被取消。因此，如果没有及时取消 setInterval，可能会导致内存泄漏或性能问题。
Promise 中的延时处理
在 Promise 中，我们可以利用 setTimeout 和 Promise 的特性来进行延时处理。例如，以下代码将在延时 1 秒后返回一个 Promise，该 Promise 的状态为 resolved：
-------- --------- -
------ --- ----------------- ------- -- -
------------- -- -
----------
-- ----
---
-
------------------- -- -
-------------- -------
---需要注意的是，setTimeout 中的回调函数必须调用 resolve 或 reject 来改变 Promise 的状态，否则该 Promise 将一直处于 pending 状态。
类似地，我们也可以利用 setInterval 和 Promise 的特性来实现定时执行某些任务。例如，以下代码将每隔 1 秒返回一个 Promise，该 Promise 的状态为 resolved：
-------- ------------ -
------ --- ----------------- ------- -- -
-------------- -- -
----------
-- ----
---
-
---------------------- -- -
--------------- - ------
---需要注意的是，setInterval 中的回调函数也必须调用 resolve 或 reject 来改变 Promise 的状态。
总结
通过本文的介绍，我们了解了在 Promise 中利用 setTimeout 和 setInterval 进行延时处理的方法。需要注意的是，setTimeout 和 setInterval 并不是精确的定时器，它们的执行时间可能会有所偏差。在使用 setInterval 时，需要及时取消定时器以避免内存泄漏或性能问题。在 Promise 中，需要注意回调函数必须调用 resolve 或 reject 来改变 Promise 的状态，否则 Promise 将一直处于 pending 状态。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/66136f84d10417a2223de020