在实际开发中,发现部分接口在一定时间内一直不返回结果,那么就会卡在这里,除非到了默认超时时间。但是有些情况又不需要那么长的超时时长,于是就写了如下函数解决响应时间的问题
/**
* 设置响应时间
* @param {Promise} promise 异步函数
* @param {Number} timeStamp 时间间隔
* @returns Promise
*/
function setResponseTime(promise = async () => { }, timeStamp = 1000) {
const endtime = new Date().getTime() + (timeStamp || 5000);//最后结束的时间
let time = new Date().getTime();//当前时间
return new Promise((resolve, reject) => {
const interval = setInterval(e => {
time = new Date().getTime();
if (time > endtime) {//当前时间超过设定的时间则返回
clearInterval(interval);
reject(new Error('request timeout'));
}
}, 1000);//定时任务,用于判断是否超时
//以下为正常返回数据
promise.then(info => {
clearInterval(interval);
resolve(info);
}).catch((err) => {
clearInterval(interval);
reject(err);
});
});
}
演示结果
function longTimeRequest(params) {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve('我请求成功了');
}, 100000)
})
}
setResponseTime(longTimeRequest(),2000);//2000后返回结果为reject的内容
fetch函数实现超时功能,通过终止器实现对fetch函数的超时控制
function createFetch(timeout) {
return (resource, options) => {
let controller = new AbortController();
options = options || {};
options.signal = controller.signal;
setTimeout(() => {
controller.abort();
}, timeout);
return fetch(resource, options);
}
}
演示结果
function longTimeRequest(params) {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve('我请求成功了');
}, 100000)
})
}
const newFetch = createFetch(1000);
const res=newFetch(longTimeRequest)