如何在完成 Rxjs Observable 之前等待 subscribe 中定義的異步方法？

Question

讓我們看看下面的代碼：

myObservable.subscribe({
  next: async () => {
    await something();
  },
  complete: () => {
    console.log('All async task are comlpeted');
  }
});

問題是console.log在最后next被觸發后被調用，但我希望它在最后一個something()完成后被調用。

有沒有辦法做到這一點？

我指定我自己使用new Obsercable(observer =>...)實現了myObservable 。 所以可以修改。

Answer 1

我要么 a) 堅持 observable 配方，並將 promise 轉換為 observable，或者 b) 堅持 promise/async-await 模式，並將 observable 轉換為 promise。 坦率地說，我不知道如何成功地混合這兩者。

基於 Rx 的解決方案：

import { from } from 'rxjs';
import { finalize } from 'rxjs/operators';

myObservable.pipe(
    switchMap(() => from(something()),
    finalize(() => console.log('All async task are comlpeted')),
).subscribe(someFunction);