记录一次循环异步请求的'bug'

本文探讨了一段代码中出现的问题,即循环发送10次异步请求时,所有请求的参数都错误地使用了最后一次循环的参数值。分析了问题产生的原因,并提出了多种解决方案,包括将异步改为同步、使用let替代var、采用foreach循环、利用闭包或async/await等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

背景

有这么一段代码,循环发送10次异步请求,请求以每次的下标为参数。

for (var i=0; i<10; i++) {
	ajax({
		url: '/api/xxx?index' + i
	})
}

结果10次请求的url都是:api/xxx?index=9,也就是说,10次请求都把最后一次请求的参数当参数。

原因

for循环执行完毕,再执行10次异步请求,这个时候的i已经是9了,那么这10次请求的参数都是一样的了。

解决思路

把异步改成同步或者…
var改成let或者…
foreach或者…
闭包(function (i) { ajax })(i)或者…
aync await

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值