rxjs operator学习笔记

Pipeable Operators are the kind that can be piped to Observables using the syntax observableInstance.pipe(operator()). These include, filter(…), and mergeMap(…). When called, they do not change the existing Observable instance. Instead, they return a new Observable, whose subscription logic is based on the first Observable.
A Pipeable Operator is a function that takes an Observable as its input and returns another Observable. It is a pure operation: the previous Observable stays unmodified.

operator就是函数式编程世界里的一等公民，接收一个Observable作为输入，返回另一个新的Observable对象。

Operators are the essential pieces that allow complex asynchronous code to be easily composed in a declarative manner.

借助operator，我们可以使用一种声明式的方式来进行异步编程。

map((x: number) => x * x)(of(1, 2, 3)).subscribe((v) => console.log(`value: ${v}`));

上面这个例子里map的左右括号很有迷惑性，乍一看很像函数调用的括号，实际上括号内包含的是箭头函数的函数体。

下图这对括号才是真正函数调用的括号。

let a = (x: number) => x * x;let b = map(a);let c = of(1,2,3);// c.subscribe((data) => console.log('value: ' + data ));let d = b(c);d.subscribe((data) => console.log('diablo: ' + data));

 let a = (x: number) => x * x;let b = map(a);let c = of(1,2,3);// c.subscribe((data) => console.log('value: ' + data ));let d = b(c);d.subscribe((data) => console.log('diablo: ' + data));let e = (x: number) => x + x;let f = map(e);let g = f(d);g.subscribe((data) => console.log('baal: ' + data));

一旦operators的嵌套个数变多，代码可读性将急剧下降：

op4()(op3()(op2()(op1()(obs))))

因此有了Observable对象的pipe方法。

使用Observable的pipe方法重构之后的代码，可读性提高了很多：

语法：

obs.pipe(op1(),op2(),op3(),op3(),
)

pipe里用逗号分隔多个operator，operators名称加上括号，括号里是具体的操作逻辑。

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

rxjs operator学习笔记相关推荐

RxJs SwitchMap 学习笔记
网址:https://www.learnrxjs.io/learn-rxjs/operators/transformation/switchmap The main difference betwee ...
RxJS mergeMap 学习笔记
https://www.learnrxjs.io/learn-rxjs/operators/transformation/mergemap This operator is best used whe ...
Rxjs merge 学习笔记
官方链接:https://rxjs-dev.firebaseapp.com/api/index/function/merge Creates an output Observable which co ...
C++ 【学习笔记】 - 基础（class、inline、explict、new、delete、static、this、mutable、friend、operator、virtual）
上上一篇:java全家桶上一篇:C语言 [学习笔记] - 基础.理论(原码/反码/补码).函数(字符串.定义).指针.内存(函数.结构).复合类型.函数(调用原理.指针.接口) 视频:https:/ ...
《Angular4从入门到实战》学习笔记
<Angular4从入门到实战>学习笔记腾讯课堂:米斯特吴视频讲座二〇一九年二月十三日星期三14时14分 What Is Angular?(简介) 前端最流行的主流JavaScrip ...
《Angular4从入门到实战》学习笔记（图文）
<Angular4从入门到实战>学习笔记腾讯课堂:米斯特吴视频讲座二〇一九年二月十三日星期三14时14分 What Is Angular?(简介) 前端最流行的主流JavaScrip ...
影像组学视频学习笔记(6)-特征筛选之LASSO回归(理论)、Li‘s have a solution and plan.
本笔记来源于B站Up主: 有Li 的影像组学系列教学视频本节(6)主要介绍: 特征筛选之LASSO回归分析(理论通俗讲解) LASSO (Least Absolute Shrinkage Selec ...
[学习笔记]CDQ分治
分治,考虑前一半对后一半的影响. (和一般分治不太相同的思想是,一般分治不分谁对谁的影响,跨mid的都要统计.(全局变量统计) 而CDQ貌似要落脚到前一半对后一半的影响上,也就是贡献在后一半统计,由前 ...
Linux第二周学习笔记（7）
Linux第二周学习笔记(7) 2.13 文档查看cat_more_less_head_tail (1). cat命令 cat命令:用于查看一个文件的内容并将其显示在屏幕上 cat-A命令:显示所有的 ...

rxjs operator学习笔记

rxjs operator学习笔记相关推荐

最新文章

热门文章