rxjs里scan operator的执行研究

源代码：

ngOnInit(): void {console.log('before ngOnInit');const source$ = range(0, 10);source$.pipe(/*filter((x, index) => {console.log('inside filter!: ' + x + ' index: ' + index);return x % 2 === 0 })*/ /*map( x => { console.log('inside map: ' + x);return (x + x); }),*/// scan((acc, x) => acc + x, 0)scan(this.accumulator)).subscribe(x => console.log('result: ' + x));}

入口：

由此可见，scan的第二个参数可以用来传入seed：

scan执行完之后，返回到pipe函数执行中，pipeFromArray(operations)(this)会执行scan函数返回的新函数，

即：scanOperatorFunction

创建新的scanOperator：

scan.js内部会创建一个新的Observable，将原始的Observable维护在source字段里：

然后执行应用代码中的subscribe：

此处执行operator，即scan操作：

首先调用range.js里的next方法，逐一生成间隔：

这里再次看到了const source$ = range(0, 10)语句的惰性生成值效果：在range方法返回的Observable对象没有调用subscribe方法之前，根本不会有任何整型值生成的行为发生。

从range.next调用执行到scan的accumulator方法体内：

此处进入了我们应用程序实现的accumulator方法：

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

rxjs里scan operator的执行研究相关推荐

Angular rxjs里自定义operator的使用
操作符是函数,它基于当前的 Observable 创建一个新的 Observable.这是一个无副作用的操作:前面的 Observable 保持不变. 操作符本质上是一个纯函数 (pure funct ...
rxjs里scan operators的用法
Applies an accumulator function over the source Observable, and returns each intermediate result, wi ...
rxjs里的Observable对象和map配合的一个用法
源代码: import { of } from 'rxjs'; import { Injectable } from '@angular/core'; import { map } from 'rxj ...
rxjs里switchMap operators的用法
switchMap相关文章 rxjs里switchMap operators的用法通过rxjs的一个例子, 来学习SwitchMap的使用方法 rxjs switchMap的实现原理 rxjs的ma ...
iOS Extension 里的方法不执行
iOS Extension 里的方法不执行确保Extension与主程序同在一个Target内. 主程序Build Phases->Embed App Extensions中导入对应Exten ...
商汤再挖MSRA大将：R-FCN作者代季峰加盟任执行研究总监
郭一璞发自 MSRA旁边量子位报道 | 公众号 QbitAI 代季峰,R-FCN物体检测算法和Deformable ConvNets的作者,已经离开了微软亚洲研究院(MSRA),加入商汤. 他本 ...
在Safari里也能像Chrome里一样，通过执行js修改变量的值，在debugger里立即生效
在Safari里也能像Chrome里一样,通过执行js修改变量的值,在debugger里立即生效. 和Chrome里的network tab一样,Safari里通过network request一样能 ...
php访问js文件不存在,php文件里js不能被执行
我想把上传文件路径返回到前端保存,但是后台php文件里的js没有执行,前台input标签里的value值一直为空后台acceptfile.php代码如下:<?php if(!isset($_R ...
linux查看db2存储过程,DB2查看存储过程里SQL语句的执行情况
动态SQL可以用snapshot查看,存储过程里SQL语句的执行情况用event monitor查看. 但是event monitor没有记录SQL语句,而是记录了package id和Section ...

rxjs里scan operator的执行研究

rxjs里scan operator的执行研究相关推荐

最新文章

热门文章