专栏首页Jerry的SAP技术分享rxjs pipe和map组合的一个实际例子的单步调试

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回调里:

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 如何在Chrome调试器里检查嵌套Observable对象

    在Slack的preference里, 可以设置当别人发送包含有指定内容关键字的文本信息时,自动高亮提示,关键字大小写不敏感。

    Jerry Wang
  • SAP Spartacus Unit List树形数据的加载触发时机

    https://spartacus-dev0.eastus.cloudapp.azure.com:9002/occ/v2/powertools-spa/user...

    Jerry Wang
  • Angular ActivatedRouteSnapshot

    研究方法:在routing-params.service.ts文件里的findAllParam设置断点,然后打开B2B Org Unit page:

    Jerry Wang
  • 敏捷规划时间表

    用户1263954
  • fastjson存在乱序的问题

    通常来讲,在使用json数据格式时一般不需要要求数据有序。但凡事都有例外,针对查询时序数据这样一个场景,就必须要求服务器端返回的数据是按时间有序的,否则前端在进...

    2Simple
  • 斯坦福后空翻机器人设计、代码全开源,成本降至3000美元,人人皆可DIY

    斯坦福学生机器人俱乐部(Stanford Student Robotics club)Extreme Mobility 团队最近迎来了一名新成员——一个名为 S...

    用户1621951
  • 2020 年 9 月编程语言排行榜

    TIOBE 2020 年 9 月份的编程语言排行榜已经公布,官方的标题是:C++ 表现突出。

    刘小夕
  • 斯坦福后空翻机器人设计、代码全开源,成本降至3000美元,人人皆可DIY

    Doggo 的设计和其他小型四足机器人类似,但其独特之处在于,该机器人成本较低,而且容易获得。其他类似的机器人通常要花费上万美元,但该机器人的设计者——斯坦福 ...

    机器之心
  • C++核心准则边译边学-序言

    C++核心准则(C++ Core Guidelines)是由C++语言两位大神级的人物发表的有关C++语言编程的指导性文件,目前还处于不断修改和完善的过程中。从...

    面向对象思考
  • ef和mysql使用(二)--让mysql支持EntityFramework.Extended实现批量更新和删除

    我们都知道Entity Framework 中不能同时更新多条记录,但是一个老外写的扩展库可以实现此功能EntityFramework.Extended,但是如...

    yaphetsfang

扫码关注云+社区

领取腾讯云代金券