JS：执行时间重叠的事件

Question

我以正确的顺序即时接收事件，我希望按照正确的顺序依次处理它们（以及即时 - 所以不要先“存储”它们）。

以下示例无法正常工作，因为函数someEventOccured() 可能在非常接近的时间跨度内被多次调用。因此，handleEvent 的执行将在时间上重叠（我不想要）。当我正在写入handleEvent() 中的文件时，我不能同时执行该功能并且需要维护顺序...

async someEventOccured(data:string){
   await handleEvent(data);
}

我已经尝试过使用 .then() 并存储承诺，但是我不知道如何等待前一个 .then() 完成...

非常感谢您的帮助

Answer 1

一般的方法是有一个共享的承诺来排队：

let queue = Promise.resolve();
function someEventOccured(data:string) {
  queue = queue.then(() => {
    return handleEvent(data);
  }).catch(err => {
    // ensure `queue` is never rejected or it'll stop processing events
    // …
  });
}

当然，这确实将data 事件隐式存储在承诺链上的闭包中。