随着前端技术的发展,我们面对的产品和项目数量也越来越多。这时,经常会遇到一些因为网络不稳定等原因产生的请求失败问题，这时一个好用的retry库就显得尤其重要。比如开发完成之后，我们在测试环节遇到网络访问因为某种原因不可用，我们的测试脚本就会出错，这时就需要使用retry-promise-typescript，处理我们这类的请求失败问题，本篇文章主要介绍如何在前端项目上使用retry-promise-typescript。
什么是retry-promise-typescript
retry-promise-typescript 是一个用于promise失败情况下的重试库， 它提供了两种重试机制，重试指定的时间内失败的请求和重试指定次数的请求。 它可以方便地在typescript的项目中使用，它可以通过返回Promise.resolve或Promise.reject来处理异步API请求，这使得我们可以使用es8中的async和await等语法。通过这样的设计使用retry-promise-typescript会变得既容易又直观。
如何安装retry-promise-typescript
当我们使用 Typescript 开发项目时，我们需要安装 retry-promise-typescript 客户端，以便我们可以在 Typescript 项目中使用该库。
npm install retry-promise-typescript
或
yarn add retry-promise-typescript
retry-promise-typescript 如何使用
Promise 重试机制
重试 Promise 对象包含了以下内容：一个 Promise 对象、重试的次数(可以为 0)、重试所需要等待的时间（可以为 0）。
当 Promise 对象的状态为 rejected 时，retry 方法自动重试 promise 对象。
重试机制提供了以下特性：
- 可以设置重试次数和重试时间
- 支持接收一个延迟时间的回调函数
- 可以使用自定义的 promise 对象
让我们看一个例子：
-- -------------------- ---- -------
------ ------- ---- ---------------------------
----- ---------------------- - ----- --- ---------------- -- -
--------- --- -------
---- ---- -- -----
----- --- ---------- ------- ---------
-
----- ----------------- - ----------------------------- --------- -- ------ ------
----------------- ---------------------在上述示例代码中，我们首先导入retry-promise-typescript库。然后异步请求doRestrictedAPIRequest API。如果异步请求产生了错误，那么就会触发catch块，我们就可以使用retry-promise-typescript重试重试异步请求。在本示例中，我们定义了retire函数的第二个参数为 {retries: 3, delay: 200} ,即重试 3 次，每次等待 200 毫秒后重试。
Promise 重试机制和自定义 Promise 对象
如果你的问题不是因为网络等原因，并且你需要加入队列和控制流，请使用 promise，比如我们需要使用 BlueBird 作为 Promise 库的时候，如下：
-- -------------------- ---- -------
------ - -- ----- ---- ---------------------------
------ - -- -------- ---- -----------
----- ---------------------- - ----- --- ---------------- -- -
--------- --- -------
---- ---- -- -----
----- --- ---------- ------- ---------
-
----- ----------------- - ------------------------------------------------ -
-------- --
------- ----
------ -----
----------- -----
------- ------- ---------- -- -
------------------ -- --------- --------- -- -----------------
-
-- ----------
----------------- ---------------------在此示例代码中，我们在 retry() 函数中使用 Bluebird 类型的 promise，因此我们可以使用 promise 所有的默认行为并且在重试前添加新的队列和控制流。
本文小结
通过上述介绍和示例代码，读者可以了解如何使用 npm 包 retry-promise-typescript来在前端项目中使用重试机制。通过掌握重试机制，前端工程师可以处理由于网络不稳定等原因产生的异步请求失败问题，从而提高前端工作效率，保证代码的可靠性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005601b81e8991b448de45d