[RxJS] Filtering operators: throttle and throttleTime
2016-05-30 20:58
381 查看
Debounce is known to be a rate-limiting operator, but it's not the only one. This lessons introduces you to throttleTime and throttle, which only drop events (without delaying them) to accomplish rate limiting.
throttleTime(number): first emits, then cause silence
throttle( () => Observable):
Result for both:
throttleTime(number): first emits, then cause silence
var foo = Rx.Observable.interval(500).take(5); /* --0--1--2--3--4| debounceTime(1000) // waits for silence, then emits throttleTime(1000) // first emits, then causes silence --0-----2-----4| */ var result = foo.throttleTime(1000); result.subscribe( function (x) { console.log('next ' + x); }, function (err) { console.log('error ' + err); }, function () { console.log('done'); }, );
throttle( () => Observable):
var foo = Rx.Observable.interval(500).take(5); /* --0--1--2--3--4| throttle( () => Rx.Observalbe.interval(1000).take(1)) // first emits, then causes silence --0-----2-----4| */ var result = foo.throttle( () => Rx.Observable.interval(1000).take(1)); result.subscribe( function (x) { console.log('next ' + x); }, function (err) { console.log('error ' + err); }, function () { console.log('done'); }, );
Result for both:
/* "next 0" "next 2" "next 4" "done" */
相关文章推荐
- 点击元素使其在毫秒内从不透明变为透明
- JavaScript JSON 学习笔记
- Package.json中dependencies依赖包中^符号和~符号前缀的区别
- js事件处理函数/监听函数
- (三) 浏览器内置对象及常用方法
- (二) JavaScript内置对象及常用方法
- javascript Function
- Jsoup解析html的基本用法
- 8年javascript知识点积累
- 《JavaScript学习笔记十》:无缝滚动的实现
- 《JavaScript学习笔记九》:延时框的实现
- 《JavaScript学习笔记八》:数字时钟的实现
- 轻量级图形报表工具JSCharts (JSChart),内置函数中文参考
- 《JavaScript学习笔记七》:数组和可变参数arguments的介绍
- 《JavaScript学习笔记六》:取非行间样式
- json对象与json字符串的相互转换
- JavaScript学习笔记03
- [JavaScript] 11.JS 偶识【正则表达式】[2]
- [JavaScript] 10.JS 表单操作
- javaScript 工作必知(八) 属性的特性 值、写、枚举、可配置