异步节流丢弃等待期内新 Promise，核心是每次触发取消前一个未完成任务并只执行最新一次；通过 AbortController 主动中止或状态标记+id比对实现逻辑丢弃，Promise 本身不可取消，丢弃仅为不响应结果。
异步节流（Async Throttle）丢弃等待期内新发起的 Promise，核心是：**每次触发时取消/忽略前一个未完成的异步任务，并只保留最新一次的执行权**。这不同于防抖（debounce），它不是“等停顿再执行”，而是“固定频率内只让第一个或最后一个执行”——而你想要的是“只执行当前窗口内的第一次，后续全部丢弃”，即典型的 leading-edge throttle + 取消机制。
用 AbortController 主动中止待处理 Promise
现代方案推荐使用 AbortController 配合可取消的异步操作（如 fetch）。即使原 Promise 不支持取消，也可用包装方式实现逻辑丢弃：
- 每次调用时生成新的
AbortController，并保存其signal - 若已有待执行任务，调用其
abort()（触发abort事件或被catch捕获） - 在 Promise 内部监听
signal.aborted，提前退出或拒绝
手动管理 pending 状态 + 忽略过期 resolve
对无法中断的 Promise（如 setTimeout 包装的异步操作），靠“状态标记”实现逻辑丢弃：
JavaStoryDevelop
下载
你接手一个需求时，是不是经常这样："改一个小字段 → 结果把不相关的代码也改了"、"需求说得很模糊 → 做着做着发现跑偏了"、"数据库加个字段 → 上线才发现漏了数据兼容"、"做了个新功能 → 一个月后自己都忘了当时怎么设计的"、"写到一半被中断 → 再回来不知道从哪继续"；这个 Skill 就是专门解决这些问题的。 它会自动探测你的项目环境（JDK、Spring Boot、ORM、数据库、前端框架），记在
- 维护一个
let currentId = 0和let isPending = false - 每次触发时自增
currentId，并检查是否处于节流窗口内 - 若
isPending为真，直接 return；否则设为 true，并启动异步任务 - Promise resolve 前检查
id === currentId，仅当匹配才真正处理结果，否则静默忽略
封装一个可取消的 throttle 函数示例
以下是一个轻量实现，支持丢弃中间请求：
立即学习“Java免费学习笔记（深入）”；
function asyncThrottle(fn, delay) {
let timeoutId = null;
let lastCall = 0;
let pendingId = 0;
<p>return async function(...args) {
const now = Date.now();
const id = ++pendingId;</p><pre class="brush:php;toolbar:false;">// 在节流窗口内？直接丢弃
if (now - lastCall < delay) return;
lastCall = now;
// 清除上一个定时器（如果是定时触发型）
if (timeoutId) clearTimeout(timeoutId);
// 启动新任务，但只响应最新 id
return new Promise((resolve, reject) => {
timeoutId = setTimeout(async () => {
try {
const result = await fn(...args);
if (id === pendingId) resolve(result); // 仅最新有效
} catch (err) {
if (id === pendingId) reject(err);
}
}, 0);
});
}; }
注意：Promise 本身不可取消，丢弃是逻辑层面的
JavaScript 中 Promise 一旦创建就无法从外部终止其执行，所谓“丢弃”是指：
- 不等待它的结果
- 不调用它的
then/catch - 不在业务逻辑中响应它返回的数据
- 配合资源清理（如 abort fetch、clearTimeout、cancelAnimationFrame）减少副作用
