介绍
p-sleep 是一个非常简单的 npm 包，可以帮助开发者在异步编程中实现延迟执行的效果。使用 p-sleep，开发者能够非常轻松地暂停当前执行流程一段时间，再继续执行后续的代码逻辑。
相信很多前端开发者都会遇到这样的需求：在某些情况下，需要在执行某些异步操作之前等待一段时间，比如等待一段时间后再进行下一次轮询或者发送下一次请求。在这种情况下，我们经常需要调用 setTimeout 或者利用 async / await 来实现延迟执行的效果。不过，这些方式可能会带来额外的代码复杂性或者出现繁琐的回调嵌套，导致代码难以维护和扩展。
所以，这时候 p-sleep 就会变得非常有用了。它就是一个封装了 setTimeout 的 Promise 实现，能够让你非常便捷地实现延迟执行逻辑。
安装
可以通过 npm 安装 p-sleep：
npm install p-sleep
使用
使用 p-sleep 非常简单，只要用 setTimeout 将其封装成 Promise 对象即可。
-- -------------------- ---- ------- ----- ------ - ---- -- --- --------------- -- ------------------- ---- -- -------------- ----- -------- ------------- - -- ------- ----- ------------ -- --------- ------------------- -------- -
例子
在下面的例子中，我们将使用 p-sleep 来实现一个简单的轮询逻辑。假设我们需要每隔 1 秒钟轮询一次服务器状态，直到状态为成功为止。
-- -------------------- ---- -------
-- -- ------- --------
----- ------ - ------------------
----- -------- -------- --------- -
----- ------ -
----- --- - ----- ----
-- ---- --- ---------- -
------ ---
-
----- ----------------
-
-
-- ------------
--- ----- - -
----- -------- ----------- -
--- ---
-- ------ - -- -
--- - -------
- ---- -- ------ - -- -
--- - ---------
- ---- -
--- - ---------
-
-------
------ ---
-
-- ----
----- -------- -------------- -
----- --- - ----- --------------- -----
-------------------- ------- --------
-
--------------在代码中，我们先定义了一个轮询函数 poll，它会每隔一段时间调用 fn 函数，直到其返回的结果为 success。
我们利用 p-sleep 来实现延迟执行，以实现每隔一段时间再发送一次请求的效果。
最后，我们通过调用 startPolling 函数来开始轮询操作。以上面的模拟函数 mockFetch 为例，轮询函数会在第四次调用时返回 success，此时就会结束轮询。
总结
在开发中，我们经常需要处理异步执行的逻辑，在一些特殊的场景下需要实现延迟执行的效果，以满足一些业务需求。
使用 p-sleep 可以帮助我们轻松地实现异步延迟执行的逻辑，避免了使用原生 setTimeout 带来的问题。同时，这也是一个非常适合初学者的小工具，可以让你更加深入地理解异步编程的原理。
参考
p-sleep GitHub 地址：https://github.com/adjust/p-sleep
npm 地址：https://www.npmjs.com/package/p-sleep
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb736b5cbfe1ea061177d