用 AbortController 取消过期请求，避免竞态条件导致数据错乱

用户12771345

发布于 2026-10-06 08:53:20

概述

在搜索框联想、路由切换或重复提交的场景里，经常会遇到一个接口还没返回、又发起了新请求的情况。如果后发的请求先回来，界面可能被旧数据覆盖；如果先发的请求后回来，又会把新数据冲掉。这种竞态条件在前端并不少见，尤其在输入框实时搜索、切 tab 拉不同列表、或者弹窗打开时加载详情时容易复现。常见做法是用一个 flag 标记当前请求是否还有效，或者比较时间戳，但写多了会散落在各处。AbortControll

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

javascript

用 AbortController 取消过期请求，避免竞态条件导致数据错乱

用 AbortController 取消过期请求，避免竞态条件导致数据错乱

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐