RXJS 系列 02

每日前提

  1. 内容为学习后的自我总结。再次感谢博主的分享,附上原po链接: 原po链接

十分枯燥的各种 API 操作符

  1. 常用操作符(operator):Rx.Observerable的方法

    • create(cb)

    • of('', '')

    • from(Array) 同of差不多

    • fromEvent ( dom, EventName) 对dom事件进行监听

    • fromEventPattern(addListenerFunc, removeListenerFunc) 添加监听事件,移除监听事件

    • empty() 啥也不干直接到complete

    • never() 永远不到complete

    • throw('') 直接到throw

    • interval (number) 每隔number时间 发送

    • timer(starDelay, spaceTime) 隔starDelay时间发送第一个数值,每隔spaceTime发送value

    • unsubscribe() 取消订阅,停止发送value

    • map(cb) 每个值进行统一操作

    • mapTo() 所有值统一映射为某个值

    • filter 过滤,符合条件的输出,不符合的过滤

    • concatAll():如果 concatAll( ob1, ob2, ob3) 行为永远都是先处理第一个observable,【大写加粗等到当前处理的结束后才会再处理下一个

      source : (o1                 o2      o3)|
                 \                  \       \
                  --0--1--2--3--4|   -0-1|   ----0|
                      
                      concatAll()        
      
      example: --0--1--2--3--4-0-1----0|
      
    • skip() 从第几个开始,在这之前的都跳过

    • take() 从实际序列中取几个

    • takeLast() 倒序中取几个

    • last() 取最后一个

    • concat() 把多个Observerable合并为一个序列。【注意】必须等前一个observerable结束再执行下一个,按顺序合并

      source : ----0----1----2|
      source2: (3)|
      source3: (456)|
                  concat()
      example: ----0----1----2(3456)|
      
    • startWith() 塞一个开始要发送的元素

    • merge() 跟concat类似,但是不按顺序 合并

      source : ----0----1----2|
      source2: --0--1--2--3--4--5|
                  merge()
      example: --0-01--21-3--(24)--5|
      
posted @ 2020-04-26 18:33  xyJen  阅读(214)  评论(0编辑  收藏  举报