用于监控许多未知异步操作的设计模式

Question

我读到： Design pattern for managing multiple asynchronous JavaScript operations 但这没有明确的解决方案，而且这个问题非常古老并且依赖于 jQuery。

我的情况有点类似，无法通过 promise.all 解决，因为异步任务被用户尽可能频繁地调用。

我要做的是查看所有异步操作何时空闲。 asyncTest 什么时候真正什么都不做。

这一定是一个常见的检查，只是想知道它是如何完成的。

用户可以随时调用 asyncTest。

class TestApp {

  processing = false;

  asyncTest() {
    this.processing = true;
    setTimeout(() => {
      this.processing = false;
    }, 500);
  }
}

如您所见，这会产生冲突。

其他异步任务可能想看看这是否是处理。 我考虑了以下内容，但感觉太糟糕了

编辑：嗯，基于下面 Simon K 的 cmets 以及它干净且有效的事实，直到我从社区听到其他消息，我下面的原始解决方案似乎很好：

class TestApp {

  _processCount = 0;

  get isProcessing() {
    return this._processCount > 0;
  }


  asyncTest() {
    this._processCount++;
    setTimeout(() => {
      this._processCount--;
    }, 500);
  }
}

注意：Angular 5 项目。对 Rx/js 有点熟悉，但不是很专业，我最近意识到它的强大，并怀疑它在这里会有所帮助。

非常感谢！

Answer 1

如果您使用的是rxjs，则可以使用Subject 轻松解决此问题。 Subject既是Observer又是Observable——简单来说，它可以修改自己的值（状态），其他人可以订阅它，看看值是否真的改变了。

class TestApp {

    // initialize the variable with an initial value of false
    processing = new BehaviourSubject<boolean>(false);

    asyncTest() {
        //just use .next() to update the subject
        this.processing.next(true);
    }

    get isProcessing() {
        //now you can just subscribe to the subject and check its current value
        this.processing.subscribe(processingStatus => {
            console.log(processingStatus)//will give you true or false
        })
    }
}