对rxjs订阅进行去抖动和缓冲

时间:2018-05-24 17:49:42

标签: rxjs rxjs5

我有一个消息队列处理器,可以将消息提供给服务......

q.on("message", (m) => {
  service.create(m)
    .then(() => m.ack())
    .catch(() => n.nack())
})

该服务使用RxJS Observable并订阅debounceTime()这些请求。

class Service {
  constructor() {
    this.subject = new Subject()
    this.subject.debounceTime(1000)
      .subscribe(({ req, resolve, reject }) =>
        someOtherService.doWork(req)
          .then(() => resolve())
          .catch(() => reject())
      )
  }

  create(req) {
    return new Promise((resolve, reject) =>
      this.subject.next({
        req,
        resolve,
        reject
      })
    )
  }
}

问题是只有去抖动的请求才会获得ackd / nackd。如何确保订阅还解决/拒绝其他请求? bufferTime()让我成为那里的一部分,但是它不会在每次调用next()时重置超时持续时间。

2 个答案:

答案 0 :(得分:2)

您当前使用的debounceTime运算符可用于创建一个可以通知buffer何时应关闭当前缓冲区的observable。

然后,buffer将发出一系列在去抖时收到的消息,您可以随意使用它们:

this.subject = new Subject();
const closingNotifier = this.subject.debounceTime(1000);
this.subject.buffer(closingNotifier).subscribe(messages => {
  const last = messages.length - 1;
  messages.forEach(({ req, resolve, reject }, index) => {
    if (index === last) {
      /* whatever you are doing, now, with the debounced message */
    } else {
      /* whatever you need to do with the ignored messages */
    }
  });
});

答案 1 :(得分:0)

对于那些正在寻找RXJS 6解决方案的人,我创建了一个自定义运算符,使其表现得像上一个答案中的debounce + buffer一样。

我称它为bufferDebounce,TypeScript中具有类型推断的代码段在这里:

type BufferDebounce = <T>(debounce: number) => OperatorFunction<T, T[]>;
const bufferDebounce: BufferDebounce = debounce => source =>
  new Observable(observer =>
    source.pipe(buffer(source.pipe(debounceTime(debounce)))).subscribe({
      next(x) {
        observer.next(x);
      },
      error(err) {
        observer.error(err);
      },
      complete() {
        observer.complete();
      },
    }),
  );

您可以在此示例中测试其行为,以检查它是否适合您https://stackblitz.com/edit/rxjs6-buffer-debounce