在前端开发中，我们常常需要对异步请求设定一个合理的时间限制，一旦超过设定的时间，就需要终止请求以避免出现无响应的情况。而如何实现一个可靠的异步请求时间限制呢？这就需要用到 npm 包 abort-timeout。
abort-timeout 是什么？
abort-timeout 是一个用于终止异步请求的 npm 包，它可以在指定时间内等待异步请求完成，若超时则自动终止请求并抛出错误信息。
abort-timeout 的基本使用方法
安装 abort-timeout
在终端中执行以下命令以安装 abort-timeout：
npm install abort-timeout
在项目中引入 abort-timeout
在需要使用 abort-timeout 的文件中，引入以下代码：
const abortTimeout = require('abort-timeout');设定请求时间限制
在发起异步请求时，将 abortTimeout 函数作为第一个参数传入，并设定请求时间限制，例如：
fetch('https://example.com')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
const controller = new AbortController();
setTimeout(() => controller.abort(), 5000); // 设定 5 秒的请求时间限制
abortTimeout(controller.signal, 60000); // 在 controller 上设定 60 秒的总体超时时间此时，如果请求时间超过 5 秒，请求就会被终止并抛出错误信息，同时也会终止在 60 秒内使用 controller.signal 的所有请求。
abort-timeout 示例代码
以下是一段使用 abort-timeout 设定异步请求时间限制的示例代码：
-- -------------------- ---- ------- ----- ------------ - ------------------------- ---------------------------- -------------- -- ---------------- ---------- -- ------------------ ------------ -- ---------------------- ----- ---------- - --- ------------------ ------------- -- ------------------- ------ -- -- - -------- ------------------------------- ------- -- - ---------- --- -- --------
总结
使用 npm 包 abort-timeout 可以方便地设定异步请求的时间限制，并在超时时自动终止请求以避免出现无相应的情况。使用示例代码可以更好地理解 abort-timeout 的使用方法，建议在实际开发中加以应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066b5751ab1864dac66cf0