在我们使用 Promise 进行异步操作时，有些时候，我们需要限制这个操作的响应时间，即如果这个操作的响应时间过长，我们需要直接放弃这个操作，并返回一个错误信息。这时候，我们需要使用 Promise 的超时处理机制。
Promise 超时处理思路
Promise 的超时处理思路很简单，就是使用 Promise.race 方法将 Promise 对象和 setTimeout 函数结合起来，当 Promise 对象没有在规定时间内获取到响应结果时，则直接返回一个错误信息。
下面是 Promise 超时处理的示意图：
-- -------------------- ---- -------
------- ----------
- -
-------------------
- -
- ------------ -
- -
-------------------
-
-------------------
- -
-------------------
- -
- -
- -
--------------- --------------Promise 超时处理实现
我们一般会封装一个函数用于 Promise 的超时处理，以下是一个 Promise 超时处理函数的示例：
-- -------------------- ---- -------
-------- ----------------------- -------- -
------ --------------
--------
--- ----------------- ------- -- -
------------- -- -
---------- ---------------- ----- -------
-- ---------
--
---
-在这个函数中，我们接收了两个参数，一个是 Promise 对象，另一个是超时时间（毫秒）。我们使用 Promise.race 方法将 Promise 对象和一个 setTimeout 函数包含的 Promise 对象结合起来，当 Promise 对象没有在规定时间内获取到响应结果时，则直接返回一个错误信息。
下面是使用 promiseTimeout 函数进行 Promise 超时处理的示例：
-- -------------------- ---- -------
----- ------- - --- ----------------- ------- -- -
------------- -- -
------------------ ------------
-- ------
---
----------------------- -----
-------------- -- -
--------------------
--
-------------- -- -
---------------------------
---在这个示例中，我们创建了一个 Promise 对象，它会在 3 秒后返回一个成功的响应结果。然后我们使用 promiseTimeout 函数对这个 Promise 对象进行了超时处理，超过 2 秒时则直接返回一个错误信息。
总结
通过本篇文章，我们了解了 Promise 的超时处理思路和实现方式，并通过一个示例代码进行了演示。在实际开发中，我们需要根据实际情况来确定超时时间，而且需要注意超时时间不能过长，否则会影响我们的应用程序效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648d3ed948841e9894b8aa72