在过去的几周里,我们报道了一些不同的RxJs运营商在这个时事通讯中。RxJs是Angular中最难学的东西,这是因为这项技术混合了很多概念,这些概念本身并不明显:异步数据和回调、函数式编程、流等等。
要了解更多关于RxJs的知识,我最喜欢的资源是使用一个名为rxmarbles.com.为什么?因为这个网站交互图RxJs操作符。
我们举个例子mergeMap
.这是官方的定义mergeMap
:
将每个源值投射到一个合并在输出Observable中的Observable中。
Rxjs.dev文档
这是一个交互图from RxJs marbles formergeMap
-我只是记录了我的屏幕,同时通过拖动数据与图表进行交互:

人们说一幅画胜过千言万语。交互式图片就更好了,确实如此rxmarbles.com是多少。没有文本,只有交互式图表。
注意:并不是所有的操作符都记录在那个网站上,只是一些最有用的操作符。有时,操作符的签名或名称会略有不同,这取决于您使用的rxj版本。不过,总的来说,RxJS Marbles仍然是理解操作符的最佳工具之一。