多个获取按钮和 AbortController

Question

我是 Svelte 的新手，学习它是为了自学。
我正在尝试实现非常基本的场景：
页面上有多个按钮，每个按钮获取一些数据并在同一区域显示结果。
为了确保由于不同的网络响应时间，以后的结果不会被旧请求覆盖，我想中止所有以前的提取。
这是我到目前为止所做的 REPL：https://svelte.dev/repl/c763e1814da740f186620d75ad1fa42f?version=3.38.2
问题：为什么请求提前中止以及如何更正？

（任何建议如何使我的 Svelte 代码样式更好，将不胜感激，我怀疑这个逻辑可以以更好/有效的方式实现）

Answer 1

它是 AbortController。一旦 abort() 被调用，它就会保持中止状态。我查找了一些参考资料，但找不到任何明确说明这一点的文档。然而，一些试验和错误似乎证明了这一点。调用 abort() 后需要创建一个新的 AbortController。