javascript - 如何仅从异步/等待函数获取最后的响应

Question

如果调用了多个 async/await 函数，如何忽略所有旧调用的 async/await 函数。

例如，这是我的例子。

let isLoading = false;

const onResponse = dateTime => {
  console.log(dateTime);
  isLoading = false;
}

const asyncFunction = async () => {
  await delay(1000);
  return new Date();
}

现在例如，如果我在 1 秒内调用函数 asyncFunction 3 次，那么我将调用 onResponse 3 次并且我的变量 isLoading 工作不正常。

function loadData() {
  isLoading = true;
  asyncFunction.then(onResponse);
}

我怎样才能只接受最后一次调用的响应而忽略之前的所有其他调用。

Answer 1

我只会存储一些值并在您每次调用异步函数时递增它。然后，在处理程序中，您可以检查该值是否仍然相同。如果没有，就返回 - 这意味着之后还有另一个调用。