rxjs-自定义操作符

作者: bugWriter_y | 来源:发表于2019-06-26 16:08 被阅读4次

通过组合已有操作符来实现一个新的操作符,简化代码,让代码更可读

案例如下:

import { map, filter } from "rxjs/operators";
import { interval } from "rxjs";
interval(400)
  .pipe(
    filter(x => x % 2 == 0),
    map(x => x * 2)
  )
  .subscribe(x => console.log(x));

改造后的结果:

import { map, filter } from "rxjs/operators";
import { interval, pipe } from "rxjs";
//自定义操作符
const odd2 = () =>
  pipe(
    filter(x => +x % 2 == 0),
    map(x => +x * 2)
  );
interval(400)
  .pipe(odd2())
  .subscribe(x => console.log(x));

相关文章

  • rxjs-自定义操作符

    通过组合已有操作符来实现一个新的操作符,简化代码,让代码更可读 案例如下: 改造后的结果:

  • rxjs-过滤操作符

    filter 过滤操作符,和数组和filter方法类似 案例,取出能被2整除的数据 first 只要第一个数据 l...

  • rxjs-数学相关操作符

    count 统计一共发射了多少数据 max 统一最大的值,或者传一个比较函数取出逻辑上最大的值 min 统计最小的...

  • Rxjs系列教程目录

    RxJS-中文文档RxJS-中文指南 rxjs学习入门心得(一)Observable可观察对象rxjs学习入门心得...

  • rxjs-条件判断类操作符

    本章主要关注条件判断类操作符,例如是不是所有数据都满足一个条件,是否为空,如果为空的话返回一个默认值,满足条件的某...

  • RxJava学习笔记之Single

    特点: 使用说明: 操作符: 操作符返回值说明composeSingle创建一个自定义的操作符concat and...

  • Currying Operator

    柯里化 操作符 可以直接重载+ - 乘操作符,在swift中有了这些操作符的定义,如果想自定义操作符,比如点乘+*...

  • Swift学习:操作符

    1.标准操作符 逻辑中还有||位操作符中还有| 2.重载操作符(操作符函数) 2.1.==可以针对自定义类型重载标...

  • Swift教程之基本操作符

    基本操作符 本章介绍Swift中的常见操作符,并介绍使用自定义操作符实现复杂运算。 术语 操作符包括一元、二元和三...

  • RxJava 反应式编程阅读笔记1 操作符 map

    操作符的含义其实就是函数,这也是 RxJava 强大之处,它有非常多的操作符支持各种场景,甚至可以自定义操作符。并...

网友评论

    本文标题:rxjs-自定义操作符

    本文链接:https://www.haomeiwen.com/subject/phnccctx.html