javascript - RxJs mergeMap マーブル ダイアグラムの読み方

Question

このマーブル ダイアグラムでmergeMap、この式をどのように読みますか?

// Kind of, looks like an em-dash near the end
mergeMap(i => 10*i--10*i--10*i--|)

Answer 1

mergeMapi文字列 で表されるオブザーバブルにマップします10*i--10*i--10*i-|。この文字列には、仮想時間内に発生するイベントを表す大理石の構文が含まれています。

ドキュメントで使用されている主な文字は次のとおりです。

• -frame: 仮想時間経過の 1「フレーム」
• [a-z0-9]任意の英数字: プロデューサー シグナリングによって発行される値を表しnext()ます。
• |complete: オブザーバブルの正常な完了。これは監視可能なプロデューサーのシグナリングcomplete()です。
• #error: オブザーバブルを終了するエラー。これは監視可能なプロデューサーのシグナリングerror()です。

これ10--10--10-|は、写真の 2 番目のオブザーバブルの表現になります。例えば

const tens$ = timer(0, 4).pipe(take(3), mapTo(10))

10*i--10*i--10*i-|10--10--10-|によって出力されたすべての値を で乗算したときに得られるオブザーバブルの式ですi。例えば

of(1,3,5).pipe(
  mergeMap(i => tens$.pipe(map(v => v*i)))
)