angular2 : How to debounce Observable. combineLatest 调用？

Question

我的 angular2 应用程序遇到了性能问题，因为我有一个很大的 Observable.combineLatest()，其中有许多输入变化很快，我想消除回调调用的抖动:

myData$ = Observable.combineLatest(
  this.store.let(fromRoot.getFoo),
  this.store.let(fromRoot.getBar),
  this.store.let(fromRoot.getFoobar),
  this.store.let(fromRoot.getBarfoo),
  (foo, bar, foobar, barfoo) => {
     ...
  });

事后调用 debounce，例如Observable.combineLatest(...).debounceTime(300) 是无用的，因为 CPU 密集型任务发生在仍然经常调用的 combineLatest 回调中。

我想我必须结合另一个 Observable，但我不确定该怎么做，有什么想法吗？

Answer 1

combineLatest 方法的project 函数本质上是一个map 运算符。你可以重新安排这样的事情:

myData$ = Observable.combineLatest(
  this.store.let(fromRoot.getFoo),
  this.store.let(fromRoot.getBar),
  this.store.let(fromRoot.getFoobar),
  this.store.let(fromRoot.getBarfoo)
)
.debounceTime(300)
.map(([foo, bar, foobar, barfoo]) => {
  ...
});