标签
blog
reference
字数
441 字
阅读时间
2 分钟
async 和 await
javascript
// 最大的存活时间，此处是5分钟
const TTL = 5 * 1000 * 1000
const startTime = new Date().getTime()
async function polling() {
// 超过存活时间结束
const endTime = new Date().getTime()
if (endTime - startTime > TTL) {
return
}
// 这里的remoteCall是一个虚拟的函数，指代需要轮询的http接口
const response = await remoteCall()
// 这里的状态可以基于http，也可以自己定义自己的结构来处理。这里用200和非200做一个事例
if (response.status === 200) {
return response
} else {
// 这里可以看情况设定一个间隔时间。
// 复杂一点的可以设定一些间隔时间策略： 比如根据请求次数增加，增加间隔时间等等
// 这里只是一个例子，等待5秒
await new Promise(resolve => setTimeout(resolve, 5000));
return await polling()
}
}- 一定要定义好接口返回的各种状态的含义
- 一定要增加退出机制 - 超时时间、强制 cancel 请求等等
- 尽量增加间隔时间策略，减少无必要的反复连接
setInterval
javascript
/**
* @Description: 轮询执行方法
* @param {func} function 需要轮询的方法
* @param {time} number 轮询间隔,默认1s
* @param {endTime} number 可轮询时间, 为空时一直轮询
* @param {immedaite} boolean 第一次是否立即执行
* @author: XuLijuan
*/
const pollingFunction = (func, time = 1000, endTime,immediate = false) => {
immediate && func(); //是否立即执行一次，由实际决定
const startTime = new Date().getTime();
const pollTimer = setInterval(() => {
const nowTime = new Date().getTime();
if (endTime && nowTime - startTime >= endTime) {
pollTimer && clearInterval(pollTimer);
}
func();
}, time);
return pollTimer;
};
export default pollingFunction;参考
贡献者
jiechen