在线等解答，js中setInterval回调函数有for循环时执行问题

adong_suolong

已于 2023-03-23 06:55:33 修改

阅读量261

点赞数

文章标签： javascript 前端开发语言

于 2023-03-22 21:33:12 首次发布

本文链接：https://blog.csdn.net/adong_suolong/article/details/129719494

版权

文章讨论了一个前端问题，即在for循环中使用axios发送请求，每个请求处理时间为10秒，后端对这些请求加锁，限制并发。定时器设置为20秒，当第二个请求还在处理时，定时器触发下一轮。作者希望在for循环全部执行完毕后再执行下一次定时器回调，以防止后端线程阻塞和前端请求pending状态。

摘要由CSDN通过智能技术生成

var queryZxztInterval= 20000;
this.timer = setInterval(async () => {
	for (const key in this.tableData) {
       	if (this.tableData.hasOwnProperty(key)) {
        	const element = this.tableData[key];
        	let a = await this.$axios.post(this.$api.sixFive + `sms_send/sendQueryStateCmd?deviceNo=${element.deviceNo}`)
       	}
     }
}, queryZxztInterval);

由于for循环中的axios请求每次会需要10秒钟的处理时间，后端代码中处理该请求的方法加了锁，多个请求到后端时只能一个一个处理，定时器时间间隔是20秒，测试环境中this.tableData中有4个元素，chrome浏览器执行到for循环第2个element时，定时器触发第二次回调，这是我不希望的，我想要的效果是，for循环执行完之后再进行下一轮回调的执行，如果不这样后台会阻塞很多线程，前端的请求也会一直处于pending状态。