如何更多地了解RxJs操作符?

在过去的几周里,我们报道了一些不同的RxJs运营商在这个时事通讯中。RxJs是Angular中最难学的东西,这是因为这项技术混合了很多概念,这些概念本身并不明显:异步数据和回调、函数式编程、流等等。

要了解更多关于RxJs的知识,我最喜欢的资源是使用一个名为rxmarbles.com.为什么?因为这个网站交互图RxJs操作符。

我们举个例子mergeMap.这是官方的定义mergeMap

将每个源值投射到一个合并在输出Observable中的Observable中。

Rxjs.dev文档

这是一个交互图from RxJs marbles formergeMap-我只是记录了我的屏幕,同时通过拖动数据与图表进行交互:

人们说一幅画胜过千言万语。交互式图片就更好了,确实如此rxmarbles.com是多少。没有文本,只有交互式图表。

注意:并不是所有的操作符都记录在那个网站上,只是一些最有用的操作符。有时,操作符的签名或名称会略有不同,这取决于您使用的rxj版本。不过,总的来说,RxJS Marbles仍然是理解操作符的最佳工具之一。

betway必威滚球

Alain是谷歌开发专家,擅长Web技术、Angular和谷歌地图。他的日常任务是帮助开发团队采用Angular,并使用该框架进行大规模构建。他在六大洲都教授过Angular !阿兰是一名世界旅行家和摄影师,也是国际会议的演讲者,并出版了几门视频课程。