如何按顺序动态堆叠 Promise

Question

我正在编写一个电子应用程序。在渲染器进程中，有一个事件的处理。

事件可以以可能重叠的方式多次触发。所以需要堆叠和顺序处理事件实例，如果它们重叠的话。

ipcRenderer.on('doWork', function (event, args) {
   doWork();
});

由于目标是防止 doWork 执行重叠，因此已尝试以执行的方式使其成为 Promise，如果有更多事件发生，它们就会堆积起来。但我无法构建算法。

我在 stackoverflow 上发现的其他问题总是关于预定义/已知数量的 Promise（如果我遗漏了什么，请见谅）。

编辑：问题如下：

How can I execute array of promises in sequential order?

Execute many promises sequentially (Concept)

在doWork 内部，我正在调用电子的desktopCapturer.getSources，它是异步的。然后我保存到文件系统，并确保保存最大数量的屏幕截图，但这些使用的是同步 Nodejs 操作。

Answer 1

假设您成功地使 doWork() 返回了一个 Promise，您可以链接每个调用返回的 Promise：

let promise = Promise.resolve();
ipcRenderer.on('doWork', function (event, ...args) {
   promise = promise.then(doWork);
});

如果参数必须传递给doWork：

let promise = Promise.resolve();
ipcRenderer.on('doWork', function (event, ...args) {
   promise = promise.then(() => doWork(...args));
});

但请注意，如果事件发生率高于doWork 可以处理的速度，您的链会变得越来越长。如果真的必须进行所有这些调用，那么这并不是一个真正的问题。

但在某些情况下，跳过调用并只执行“最后一个”调用可能是可以接受且更有趣的。如果这是一个选项，那么请查看许多“去抖动”实现中的一个。或者，当有更新的请求进来时，这里有一个跳过调用的想法：

let promise = Promise.resolve();
let pendingArgs = null;
ipcRenderer.on('doWork', function (event, ...args) {
    const isPending = pendingArgs !== null;
    pendingArgs = args; // doWork should be called with the latest version of args
    if (isPending) return; // There is already a pending request to doWork
    promise = promise.then(() => {
        const args = pendingArgs;
        pendingArgs = null;
        return doWork(...args);
    });
});