如何使用 debounceTime 通過鍵獲取可觀察的最后一個值

Question

 employeeChanged: Subject<any> = new Subject<any>();
 setInterval(() => {
     this.employeeChanged.next(1);
     this.employeeChanged.next(1);
     this.employeeChanged.next(2);
     this.employeeChanged.next(2);
     this.employeeChanged.next(3);
     this.employeeChanged.next(3);
 },1000);

 this.employeeChanged.pipe(debounceTime(1000),distinctUntilChanged()).subscribe(((key) => {
            console.log(`Employee update: ${key}`);
 }));

我的例子看起來像這樣。 我想通過我提供給主題 observable 的鍵來獲取最新值，所以我的輸出看起來像這樣

Employee update: 1
Employee update: 2
Employee update: 3

我需要使用哪個運算符來實現這一目標？

Answer 1

由於您對debounceTime和setInterval延遲使用相同的值，因此debounceTime時間跨度不會通過，也不會發出任何值。

現在，有兩種選擇：

1. 降低debounceTime計時器，但它將導致僅調度最新值，因為 debounce 將忽略關閉發出的值
2. 刪除debounceTime運算符並獲得所需的行為

我假設您想要排放之間的某種延遲，您可以使用bufferTime來收集一段時間內的不同值，然后使用mergeAll來展平收集到的值

employeeChanged
  .pipe(
    distinctUntilChanged(),
    bufferTime(1000),
    mergeAll()
  )
  .subscribe(key => {
    console.log(`Employee update: ${key}`);
  });