使用 abortcontroller 结合 promise 的 promise.allsettled() 可以实现请求取消的组合处理。通过为每个请求分配独立的控制器，并在需要时调用 abort()，可以精准中断特定任务；同时利用 allsettled 确保即使部分请求被取消或失败，主流程也不会阻塞，从而安全地获取所有请求的最终状态。
如何并行发起多个可独立取消的请求
在并行发起多个请求时，每个请求都应绑定一个独立的 AbortController 实例。这样可以在不干扰其他请求的情况下，单独取消某个特定的任务。例如，当用户快速切换搜索关键词时，只需取消上一次搜索对应的控制器即可，而不会中断当前正在进行的请求。
const controller1 = new AbortController();
const controller2 = new AbortController();
const fetchUser = fetch('/api/user', { signal: controller1.signal });
const fetchPosts = fetch('/api/posts', { signal: controller2.signal });
// 假设需要取消用户请求
controller1.abort();
Promise.allSettled([fetchUser, fetchPosts]).then(results => {
console.log(results);
});上述代码展示了两个独立的请求分别绑定了不同的控制器。当调用 controller1.abort() 时，只有 fetchUser 会被中断，而 fetchPosts 会继续执行。最终通过 Promise.allSettled 获取所有请求的状态，包括被取消的请求（状态为 rejected）和成功的请求（状态为 fulfilled）。
立即学习“Java免费学习笔记（深入）”；
你是 TypeScript 项目架构专家，专注于脚手架搭建生产就绪的 Node.js 和前端应用。生成包含现代工具链（pnpm、Vite、Next.js）、类型
如何处理请求取消后的错误与状态
当请求被取消时，对应的 Promise 会进入 rejected 状态，并抛出一个 AbortError。在使用 Promise.allSettled 时，可以通过检查返回结果中的 status 字段来区分正常完成、失败和被取消的情况。对于被取消的请求，通常不需要进行额外的错误处理，除非业务逻辑需要特别对待。
Promise.allSettled([fetchUser, fetchPosts]).then(results => {
results.forEach((result, index) => {
if (result.status === 'fulfilled') {
console.log(`Request ${index} succeeded:`, result.value);
} else if (result.status === 'rejected') {
if (result.reason.name === 'AbortError') {
console.log(`Request ${index} was aborted.`);
} else {
console.error(`Request ${index} failed:`, result.reason);
}
}
});
});这段代码遍历了 Promise.allSettled 返回的结果数组，并根据每个请求的状态进行分类处理。如果请求被取消，会打印出相应的提示信息；如果请求失败，则会记录具体的错误信息。这种方式确保了即使部分请求被取消，程序也能正常运行并给出合理的反馈。
基于信号传递的具体问题：如何在嵌套请求中正确传递取消信号
在嵌套请求的场景中，例如先获取用户信息再获取其发布的帖子，需要确保取消信号能够正确传递到子请求。可以通过将父请求的 signal 传递给子请求，或者创建一个新的控制器并将其 signal 与父请求关联。这样可以保证当父请求被取消时，子请求也会随之终止，避免资源浪费。
