代码之家 › 专栏 › 技术社区 › johannchopin

如何使用AbortController拒绝子Promise

abortcontroller es6-promise typescript javascript

johannchopin · 技术社区 · 2 年前

我刚刚学会了如何使用 AbortController API 。它工作得很好,但当承诺作为“孩子的承诺”拒绝时,即使父母的承诺被拒绝,这个承诺仍将继续运行。

当父母被拒绝时,有没有办法也阻止孩子?

在这个例子中,这意味着没有更多 running 在之后登录 rejected 单击取消按钮时记录:

let controller = new AbortController();

new Promise((resolve, reject) => {
  setInterval(() => console.log("running"), 500)

  controller.signal.addEventListener('abort', () => {
    console.log("rejected")
    reject();
  });

});

function cancel() {
  controller.abort();
}

<button onclick="cancel()">Cancel async loop</button>

1 回复 | 直到 2 年前

n1md7 2 年前

Promise和abort控制器都很好——需要清除的是您的计时器功能。

当你申报 setInterval 它返回一个id,稍后可以引用该id来清除计时器。

所以,当你拒绝承诺时,你需要澄清。

let controller = new AbortController();

new Promise((resolve, reject) => {
  const id = setInterval(() => console.log("running"), 500)

  controller.signal.addEventListener('abort', () => {
    console.log("rejected");
    clearInterval(id);
    reject();
  });

});

function cancel() {
  controller.abort();
}

<button onclick="cancel()">Cancel async loop</button>

推荐文章

Pradip Shrestha · 你的承诺是什么。当其中一个API调用失败时,它们都能处理多个API调用吗?

2 年前

Arnav Thorat natanavra · 承诺和承诺有什么区别。所有的一切和承诺。JavaScript中有()吗?

2 年前

jchi2241 · 将已解析承诺数组映射到值数组

6 年前

John Lippson · 在所有异步函数完成后执行函数?

6 年前

Wassily · 回报承诺。所有人都无法履行所提供的承诺

6 年前

Vaibhav · 可以在javascript中的任何返回函数上使用承诺吗?

6 年前

David Trinh · js生成器存在异步问题,并承诺不会返回结果

6 年前

Natalia Ivanova · 同步执行保存在变量中的承诺

6 年前

li x · 包装回调函数时承诺作为函数返回

6 年前

Austin Meyers · 我不能向本机javascript承诺添加静态值吗?

6 年前