异步请求加锁

最新推荐文章于 2025-06-26 09:18:20 发布

原创最新推荐文章于 2025-06-26 09:18:20 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#异步请求 #加锁

实际开发问题专栏收录该内容

20 篇文章

订阅专栏

在微信小程序中，当快速滑动加载图片列表时，由于异步更新offset到data中的特性，可能导致同一offset的请求被发送多次。通过分析问题，可以采取加锁策略来避免这种情况。在请求前上锁，请求完成后再解锁，确保每次请求使用的offset是最新的，从而防止重复请求。

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

场景：
不断加载的图片列表（发送图片列表请求），每次从后台传回offset，下次请求带上传回的offset。

BUG发现中：
快速滑动加载更多时，同一个offset会发送两次。

原因分析：
offset是后端返回后异步setData（微信小程序写法）到data（store）中的，异步存储没有结束就读取offset发送请求获取的是上次的offset。

解决对策 —— 上锁?：

let isRequesting = false;

getPhotoList: function(that){
	if(isRequesting){
		return;
	}
	isRequesting = true;
	services.fetchPhotoList({
		// ... some other values
		offset: that.data.offset
	}, (res) => {
		if(res && res.data && res.data.list && res.data.list.length){
			that.setData({
				// ... setData
			}, () => {
				isRequesting = false;
			});
		} else {
			that.setData({
				noMore: true
			}, () => {
				isRequesting = false;
			})
		}
	})
}