简介
在前端开发中，异步操作是必不可少的一部分。而 Promise 是一种相对而言较为优秀的异步操作解决方案。在实际开发中，一些常用的 Promise 方法和操作却需要开发者自行实现。npm 包 promise-more 提供了一系列全新的 Promise 方法，将帮助开发者更加方便地完成相关操作。
在本文中，我们将会介绍 promise-more 的使用教程，帮助开发者掌握这些强大的 Promise 方法。
安装 promise-more
使用 npm 安装 promise-more，你需要运行以下命令：
npm install promise-more
这条命令会将 promise-more 安装到当前的项目中，并且它也将被自动添加到项目的 package.json 文件中。
promise-more 提供的 Promise 方法
promise-more 提供了多个 Promise 方法，如：timeout，delay，retry，poll，每一个方法都可以解决某些特定的问题。
timeout
timeout 方法用于处理 Promise 在指定时间内没有完成的情况。通过 timeout 方法，你可以指定 Promise 在多少时间内需要完成，如果 Promise 没有在指定时间内完成，timeout 方法将会抛出错误。
以下代码演示了如何使用 timeout：
-- -------------------- ---- -------
----- ----------- - ------------------------ -- -- ------------
----- ------- - --- ----------------- ------- -- -
------------- -- -
----------------
-- -----
---
---------------------------- ---- -- -- ------- --- -----
------------ -- -
--------------------
--
------------ -- -
--------------------- -- ------- --
---在上面的代码中，timeout 方法指定 Promise 的超时时间为 300 毫秒。由于 Promise 只在 500 毫秒的时候才会完成，所以 timeout 方法抛出了一个错误。
delay
delay 方法用于在 Promise 中添加延迟。使用 delay 方法，你可以在 Promise 执行期间添加一些等待时间，以便于其他操作完成。
以下代码演示了如何使用 delay：
-- -------------------- ---- -------
----- ----------- - ------------------------ -- -- ------------
-----------------
-------- -- -
-----------------
--
------------------------------ -- ---- ------
-------- -- -
-----------------
---在上面的代码中，我们在 Promise 中添加了一个 1000 毫秒的延迟，以便于我们等待其它操作的完成。Promise 执行结果将是 'A' -> 等待 1000ms -> 'B'。
retry
retry 方法用于在 Promise 执行失败时，尝试多次重新执行。使用 retry 方法，你可以指定 Promise 最多被执行多少次，在多次重试之后依然失败的情况下，则会返回一个错误。
以下代码演示了如何使用 retry：
-- -------------------- ---- -------
----- ----------- - ------------------------ -- -- ------------
--- ----- - --
----- ------- - -- -- -
--------
-------- - -- -
------ ------------------------
-
------ ------------------------
--
-------------------------- - ---- -- ------ --- -- -- ---------- ----- --
------------ -- -
--------------------
--
------------ -- -
--------------------- -- --------
---在上述代码中，我们最多执行了 5 次 Promise，并且每次执行前都添加了一个 500 毫秒的延迟。由于我们定义了最多执行 5 次的条件，当 count 执行达到 3 时，我们就得到一个 done 的结果。
poll
poll 方法用于定时执行一个操作，直到满足某个条件才返回一个结果。使用 poll 方法，你可以指定一个操作每隔多久执行一次，在满足条件时结束操作返回结果。
以下代码演示了如何使用 poll：
-- -------------------- ---- -------
----- ----------- - ------------------------ -- -- ------------
--- ----- - --
----- ------ - -- -- -
------ --- ----------------- ------- -- -
--------
-------- - -- -
----------------
- ---- -
----------------
-
---
--
------------------------ - --------- ---- -------- ---- -- -- - ----- ---- ------ ----- --
------------ -- -
--------------------
--
------------ -- -
--------------------- -- ------- --
---在上面的代码中，我们每隔 500 毫秒执行一次 pollFn 操作，直到 count 值大于 5，然后返回一个 done 结果。
总结
通过 npm 包 promise-more 提供的 Promise 方法，我们可以更加方便地完成一些常用的 Promise 操作。timeout、delay、retry 和 poll 这些方法都是非常有用的，通过学习这些方法，你可以更加高效地完成你的开发工作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005663c81e8991b448e23c4