对于前端开发者来说，在开发 Web 应用或调用第三方 API 时，必须要解决请求重试问题。请求重试是指在 HTTP 请求发起后，由于网络等原因，返回结果出现异常（比如超时或错误），需要重新发起相同的请求。重试请求可以提高请求成功率，同时也可以降低服务端的压力，因为客户端可以在一定程度上解决请求失败的问题。
本文将介绍 RESTful API 中如何处理请求的重试问题。重点讨论了请求重试的原因、分类、实现方法和相关注意事项，并提供了实例代码帮助开发者轻松掌握此技术。
请求重试的原因
在讨论如何重试请求之前，我们需要先了解请求重试的原因，以便更好地掌握请求重试的方法。
请求重试的原因主要包括以下几种：
网络问题：比如网络延迟、请求超时、DNS 解析错误等。
服务问题：比如服务异常、服务不可用等。
数据问题：比如数据格式错误、数据解析失败等。
客户端问题：比如客户端故障、重复请求等。
这些问题可能会导致请求失败，因此需要在应用程序中处理请求重试。
请求重试的分类
按照请求发起时间的不同，请求重试可以分为两种：
同步重试：在原始请求返回结果之前，多次发起相同的请求。
异步重试：在原始请求返回结果之后，再次发起相同的请求。
此外，还可以按照请求发起次数的不同，将重试分为以下几种：
固定次数重试：指在请求失败后，最多重试固定次数。如果所有的重试都失败了，请求将彻底失败。
滑动窗口重试：将请求分成若干个窗口，每个窗口内的请求次数不同。如果当前窗口的请求次数达到上限，那么将尝试进入下一个窗口，并将当前窗口内的其他请求发送到下一个窗口内。
指数退避重试：在请求失败后，等待一段时间后再次发起相同的请求。等待时间可按指数级别递增，从而可以更好地避免请求重试带来的网络压力。
实现方法
下面介绍在 RESTful API 中如何实现请求重试：
- 异步重试：在 JavaScript 中，异步重试可以通过递归函数实现。递归函数内部可以使用 setTimeout() 函数等待一段固定时间后再次调用函数，从而实现请求重试。
-- -------------------- ---- -------
-------- ----------------- ------------ --------- -
----- ------- - --- -----------------
------------------- ---- ------
-------------- - ---------- -
-- --------------- --- ---- -
-------------------------------
- ---- -
-- ------------- -
----------------- ----------- - -- ----------
- ---- -
---------------
-
-
--
--------------- - ---------- -
-- ------------- -
----------------- ----------- - -- ----------
- ---- -
---------------
-
--
---------------
-在上述代码中，我们使用了 XMLHttpRequest 对象来发起异步请求，并使用了递归函数 retryRequest() 来实现请求重试。通过设置一个名为 retriesLeft 的参数，可以控制重试请求的次数。
- 滑动窗口重试：滑动窗口重试的实现方法比较复杂，主要分为两个步骤：第一步是将请求分为若干个窗口；第二步是根据请求结果修改窗口状态。
-- -------------------- ---- -------
-------- --------------------- ----------- ----------- --------- -
--- ----------- - --
--- --------- - ----------- - ---------- - --
--- ------- - --- -----------------------------------
-------- -------------------- -
----- ------- - --- -----------------
------------------- ---- ------
-------------- - ---------- -
-- --------------- --- ---- -
-------------------- - -----------
-------------------------------
- ---- -
-----------------------
-- --------------------- --- -- -
---------------
-
-
--
--------------- - ---------- -
-----------------------
-- --------------------- --- -- -
---------------
-
--
---------------
-
--- ---- - - -- - - ----------- ---- -
-----------
-
-------- ------------- -
-- ---------- - -------------- -- ----------------- - -- - ----------- -
---------------------
------------------ - -----------
-----------------------
--------------
-
-- --------------------- --- -- -
---------------
-------
-
----------------------- ------
-
----------------------- ------
-在上述代码中，我们使用了一个名为 retries 的数组来记录请求的重试次数。在主函数 slideWindowRetry() 中，我们首先分成了若干个窗口，并分别发起请求。通过 checkWindow() 函数，我们可以实时监控窗口状态。当窗口状态异常时，我们就可以动态调整窗口，并继续发起请求。
- 指数退避重试：指数退避重试可以通过递归函数实现。递归函数内部可以使用 setTimeout() 函数等待一段指数退避的时间后再次调用函数，从而实现请求重试。
-- -------------------- ---- -------
-------- ---------------------------- ------------ --------- -
----- ------- - --- -----------------
------------------- ---- ------
-------------- - ---------- -
-- --------------- --- ---- -
-------------------------------
- ---- -
-- ------------- -
----- ----- - ----------- ---------- - ------------ - -----
------------- -- -
---------------------------- ----------- - -- ----------
-- -------
- ---- -
---------------
-
-
--
--------------- - ---------- -
-- ------------- -
----- ----- - ----------- ---------- - ------------ - -----
------------- -- -
---------------------------- ----------- - -- ----------
-- -------
- ---- -
---------------
-
--
---------------
-在上述代码中，我们通过计算 delay 变量实现了指数退避的功能。在每次调用函数时，参数 retriesLeft 会按指数级别递减，直至等于 0。同时，等待时间 delay 也会按指数级别递增。
注意事项
在使用请求重试时，开发者需要注意以下几点：
重试请求不能无限制重试，否则可能导致网络压力增大，服务端压力也会增加。因此，在设置重试次数时，需要参考实际情况并合理设置。
在请求重试时，需要尽量减少重复请求，否则可能会导致服务端的压力增大。因此，在二次请求时，需要判断是否已经有相同的请求正在进行，并尽量避免多次请求同一资源。
在滑动窗口重试中，需要合理设置窗口大小和重试次数，否则会影响请求性能。因此，在设置窗口大小和重试次数时，需要参考实际情况并合理设置。
在服务器没有明确告知重试方案时，开发者应该采用最小化重试机制。
结论
本文讨论了 RESTful API 中如何处理请求的重试问题。首先介绍了请求重试的原因和分类方法，然后详细说明了异步重试、滑动窗口重试和指数退避重试的实现方法，最后针对请求重试中的注意事项进行了说明。
请求重试是开发 Web 应用程序时必须要解决的问题，掌握请求重试的方法可以提高应用程序的稳定性和可靠性。希望本文对开发者在实际项目中处理请求重试问题时有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/672979a72e7021665e249c05