在前端开发中，我们经常需要使用异步操作来请求数据或执行复杂的任务。而 Promise 是一种抽象异步操作的实现方式，它能够更好地管理异步操作。但在实际项目中，我们常常会遇到异步操作耗时过长或因网络等原因出现错误而无法返回结果的情况。这个时候，我们需要实现 Promise 的超时控制，以保证异步操作的有效性和及时性。
Promise 超时控制的需求
在某些情况下，我们需要在 Promise 异步操作中限定一定的执行时间，在规定的时间内如果异步操作没有完成就会终止，并返回一个错误信息。这种情况通常是在网络请求超时、文件上传、下载超时等场景中出现。而 Promise 怎么样实现超时控制呢？
一种常见的 Promise 超时控制的实现方式，是通过设置 Promise 的 Timeout，超过 Timeout 时 Promise 就会被拒绝，并返回一个错误信息。以下是 Promise 超时控制的实现方法：
-- -------------------- ---- -------
-------- ------------- -------- -
--- ------- - -----
-- ---- -------
----- ------------ - --- ----------------- ------- -- -
------- - -- -- -
---------- -------------- ------- -- -----------------
--
---
-- ------- -------
----- -------------- - --- ----------------- ------- -- -
------------- -- -
----------
-- ---------
---
-- ---- -------
------ ---------------------- ------------- -----------------
-以上是一个 Promise 的 Timeout 包装函数，我们可以将需要执行的 Promise 对象和 Timeout 时间传入此方法中，它会返回一个新的 Promise 对象，这个新的 Promise 对象的状态将会是原 Promise 对象的状态中最先改变的。如果在 Timeout 时间内，原 Promise 对象没有执行完成，那么新的 Promise 对象就会被拒绝，并返回一个错误信息。
以下则是一个对此方法的调用示例：
-- -------------------- ---- -------
-------- ----------- -
------ --- ----------------- ------- -- -
------------- -- -
---------
-------- ----- ------- ---------------
---
-- ------
---
-
----------------- -----
------------ -- -
--------------------
--
------------ -- -
---------------------
---以上是一个以 2 秒的时间去执行 fetchData() 的 Promise 对象，但是我们限定了它的 Timeout 为 1 秒，这样会发现在 1 秒内返回了一个错误信息。
总结
Promise 超时控制是一种非常实用的功能，在一些对时间敏感的场景中能够很好的保证程序的运行效率，它能够防止长时间的卡顿等问题。以上是一个常见的 Promise 超时控制的实现方式，希望能够对读者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64759b0e968c7c53b029ea70