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

mergeMap map i到由字符串 10*i--10*i--10*i-| 表示的 observable .该字符串包含 marble syntax代表在虚拟时间发生的事件。
文档中使用的主要字符是:

• - frame: 1 "frame" of virtual time passing
• [a-z0-9] any alphanumeric character: Represents a value being emitted by the producer signaling next().
• | complete: The successful completion of an observable. This is the observable producer signaling complete().
• # error: An error terminating the observable. This is the observable producer signaling error().

所以 10--10--10-|将是图片中第二个 observable 的表达式。
例如

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

10*i--10*i--10*i-|是当您将 10--10--10-| 发出的每个值相乘时得到的 observable 的表达式与 i .
例如

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