codecamp

RxJS window

每当将源 Observable 值分支为嵌套 Observable 时 windowBoundaries发出。

window<T>(windowBoundaries: Observable<any>): OperatorFunction<T, Observable<T>>

参量

windowBoundaries 一个完成了 上一个窗口并启动一个新窗口。

returns

OperatorFunction<T, Observable<T>>:可观察到的窗户 发射源 Observable 值的 Observable。

描述

就像 buffer,但是发出嵌套的 Observable 而不是数组。

返回一个 Observable,它发出从源 Observable 收集的项目的窗口。输出 Observable 发出连接的非重叠窗口。当 ObservablewindowBoundaries 发出一个项目时,它将发出当前窗口并打开一个新窗口。因为每个窗口都是一个 Observable,所以输出是一个高阶 Observable。

在每个1秒的窗口中,最多发出2次点击事件

import { fromEvent, interval } from 'rxjs';
import { window, mergeAll, map, take } from 'rxjs/operators';


 const clicks = fromEvent(document, 'click');
 const sec = interval(1000);
 const result = clicks.pipe(
     window(sec),
     map(win => win.pipe(take(2))), // each window has at most 2 emissions
     mergeAll(),              // flatten the Observable-of-Observables
 );
 result.subscribe(x => console.log(x));

也可以看看

RxJS toArray
RxJS windowCount
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

RxJS operators

RxJS fetch

RxJS testing

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }