RXJS操作符(三)

image.png

image.png

image.png

image.png

debounceTime()的使用方式如下:


image.png

当我们做网络搜索的时候不能使用上面的方式进行网络请求 这样消耗网络,性能也不会好 这时候需要我们使用debounce()


image.png

当停止输入之后,在300毫秒之内没有事件触发,就会打印输出。
使用debounce()也可以完成上面的效果,代码如下:
image.png

debounce()的使用方法比debounceTime()的使用方法更为灵活,可以设计更为灵活的过滤条件。


distinct() 让整个流序列中没有重复序列,当使用distinct要切记无尽序列,因为控件会一直在监听输入事件


image.png

distinctUntilChanged() 让流序列前后没有重复序列


image.png

merge()方法: 把两个按照各自的顺序叠加成一个流


image.png

concat()方法 : 先合并第一个流之后将第二个流加到第一个流之后 如果第一个流是五险


image.png

image.png

startWith()方法 : 在流的最前面加入一个值:


image.png

combineLatest()方法 : 将两个流的最新的值进行合并
image.png

zip()方法: 当两个流都是新的值的时候(两个流必须都是更新的最新值) 才会合并 。 存在对齐的方式。
image.png

withLatestFrom() :和zip的区别在于,withLatestFrom不要求成对出现,和combineLatest的区别 ,withLatestFrom以第一个流为主,第一个流改变的时候有输出,第二个流改变的时候没有输出。而combineLatest无论如何都会有输出。


image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容