rxjs pipe和map组合的一个实际例子的单步调试

原始代码：

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));

执行subscribe操作：

operator就是map operator的wrapper：

此处调用source Observable实例的subscribe方法：

原始的Observable就是调用了range之后生成的Observable对象：

调用下一个Observable：

即map operator的实现：

再由map operator传递给下一个subscriber：

于是就执行到了应用程序指定的subscribe回调里：

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

rxjs pipe和map组合的一个实际例子的单步调试相关推荐

rxjs pipe和filter组合的一个实际例子的单步调试
源代码: const source$ = range(0, 10); range(0,10)返回一个新的Observable,但是不会立即执行,直到遇到subscribe调用为止: 下图高亮的这段代码 ...
js 排列组合的一个简单例子
最近工作项目需要用到js排列组合,于是就写了一个简单的demo. 前几天在网上找到一个写全排列A(n,n)的code感觉还可以,于是贴出来了, 排列的实现方式: 全排列主要用到的是递归和数组的插入比 ...
C# 委托：把方法组合到一个数组中使用
C# 委托:把方法组合到一个数组中使用 using System; using System.Collections.Generic; using System.Linq; using System. ...
如何将两个DateTimePicker的日期和时间组合成一个值
有两个DateTimePicker,DateTimePicker1用于选择日期,DateTimePicker2用于选择Time,现在需要将两个DateTimePicker的值组合成一个DateTime ...
jupyter notebook是一种Web 应用，能让用户将说明文本、数学方程、代码和可视化内容全部组合到一个易于共享的文档中
Jupyter notebook(http://jupyter.org/) 是一种 Web 应用,能让用户将说明文本.数学方程.代码和可视化内容全部组合到一个易于共享的文档中.
java8 map_Java8 Map 示例：一个略复杂的数据映射聚合例子及代码重构
原标题:Java8 Map 示例:一个略复杂的数据映射聚合例子及代码重构来源:琴水玉, www.cnblogs.com/lovesqcc/p/7812875.html 本文内容来自真实的工作案例,因 ...
mysql 两个select结果_MySQL UNION连接两个以上的SELECT语句的结果组合到一个结果集合...
在MySQL中,UNION 操作符用于把来自多个 SELECT 语句的结果组合到一个结果集合中. 语法格式:SELECT ... UNION [ALL | DISTINCT] SELECT ... [ ...
SAP MM采购定价过程的一个简单例子
SAP MM采购定价过程的一个简单例子本文以一个简单的例子阐述了SAP MM模块中采购定价的基本原理.本例中,假定采购订单里输入的是含税采购价,然后系统自动计算出物料最终的采购价格(含税价-税额=采 ...
用一个实际例子理解Docker volume工作原理
要了解Docker Volume,首先我们需要理解Docker文件系统的工作原理.Docker镜像是由多个文件系统的只读层叠加而成.当一个容器通过命令docker run启动时,Docker会加载只读 ...

rxjs pipe和map组合的一个实际例子的单步调试

rxjs pipe和map组合的一个实际例子的单步调试相关推荐

最新文章

热门文章