RxJS系列教程(二) 什么是RxJS?

RxJS可以解决的问题
  • 我们知道传统的for,while对循环体中的异步程序是无法感知的,或者说,它们不会等待异步程序执行完毕再进入下一轮循环。
  • 错误处理是任何程序都要解决的问题,本身就已很复杂的回调函数中再嵌入try/catch块吗?如果还想加入重试机制呢?
  • 商业逻辑内嵌在回调函数中,可读性差,复杂度高。现如今流行的组件化编程,即可重用,又可解耦,还方便测试;
  • 闭包是强大的,过度地使用闭包将导致我们不得不谨慎地审视变量的作用域以及其值。再加上共享变量带来的副作用,混杂在if/else条件语句和for循环中,每天都会有修不完的bug;
  • 根据事件或耗时操作无响应的时间进行取消操作;
  • 自己实现throttling和debouncing是很困难的(二者区别见http://www.jianshu.com/p/e91775195608)
  • 众所周知的事件监听带来的内存泄露问题;

RxJS可以优雅地替代callback,或者基于promises的任何第三方库,使我们可以使用一个编程模型来对待任何数据源(除了远程http请求,Node.js中的Event Emitter也使用的是回调机制)。也就是说,我们可以用RxJS来处理读取文件,http请求,鼠标点击,鼠标移动这些事件。

数据的流动和传播

事件必然伴随着数据的产生,在响应式编程的世界中,我们把任何可以被使用的数据源统称为流(Stream)。我们再来看一下什么是响应式编程模型:

var x = 1;
var y = 2;
var z = x + y; // z = ?

x = 2; // z = ?

显而易见,z第一次出现时的值是3,当x重新被赋值为2时,z的值是多少?显而易见,z没有变化,因为a的变化不会引起z的变化。我们可以说这种变化没有被传播开来。因此我们可以说,响应式编程是围绕数据的流动和传播的,某个变量的变化会导致其他变量的变化。RxJS就是用Javascript实现的响应式编程。

RxJS官网:https://github.com/ReactiveX/rxjs

reactive官网:http://reactivex.io/

pipeline

pipeline的中文意思是管道,很形象。在管道里是一个接一个的函数,管道的左边接到Stream上,即数据源,数据将会流经管道,并按顺序作为参数传递给每一个函数。管道的右边连接着的是最终使用数据的程序,我们称之为数据消费者。

万物皆stream

就像面向对象中万物皆对象一样,在RxJS中,不管是单个值,字节流还是从http请求获取来的值,都是stream。比如,假设在RxJS中我们有叫做Stream的数据类型,我们创建了一个单个值的数据源:

Stream(2017);

这个时刻,它仅仅是个数据源,什么行为也没有发生,如果想让它运作起来,我们得需要消费者或者叫做观察者。通过消费者的订阅行为,数据源中的数据才开始真正流动起来。因此我们可以知道stream这个数据类型是惰性求值的,不像promises,一旦创建即开始运行。下面看看如果订阅它让它流动起来:

Stream(2017).subscribe(
  result => {
    console.log(result);
  }
);

subscribe函数中的箭头函数即消费者,当消费者一接收到数据,stream就结束了。

有管道的例子:

Stream(1, 2, 3, 4)
  .filter(val => (val % 2) === 0)
  .map(val => val * val)
  .subscribe(
    result => {
      console.log(result);
    }
  );

filter和map即管道中的函数,它们中的val参数即从stream中流出的数据。它们一起组成了pipeline。

RxJS中的组件
  • 生产者:在RxJS中的生产者叫做Observables。Observables负责推送事件,但不处理事件;

  • 消费者:在RxJS中的消费者叫做Observer。

    数据只会从生产者流向消费者

  • 管道:在RxJS中,管道中的一个一个函数叫做observable operators,简称operators。

  • 时间:我们知道异步程序不容易处理的背后实质就是时间问题,RxJS是面向异步编程的解决方案,因此时间遍布于RxJS中的每一个角落。目前为止,我们只需要了解时间在RxJS中不是恒定的,产生事件的快慢与否取决于我们的需求。当然,RxJS给了我们解决方案。

响应式编程范式与其他编程范式

面向对象编程以状态为中心,函数式编程以行为为中心,而响应式编程则需要我们把数据看做是改变并流动着的。在这里我想说的是,RxJS可以很好的和其他范式配合起来使用。我们可以用面向对象范式来构建我们的模型,用函数式编程和响应式编程来构建行为和处理事件。

在面向对象编程中,状态是保存在变量或者集合对象里的。而响应式编程中的状态是短暂的、瞬间的,也就是说在Rx中是永远不保留状态的。

面向对象编程是典型的命令式编程,而响应式编程则鼓励我们写声明式的程序,也就是表达做什么,而不是表达怎么做。RxJS从函数式编程中借鉴了这一点。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 161,873评论 4 370
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 68,483评论 1 306
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 111,525评论 0 254
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,595评论 0 218
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 53,018评论 3 295
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,958评论 1 224
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 32,118评论 2 317
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,873评论 0 208
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,643评论 1 250
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,813评论 2 253
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,293评论 1 265
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,615评论 3 262
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,306评论 3 242
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,170评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,968评论 0 201
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 36,107评论 2 285
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,894评论 2 278

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,111评论 18 139
  • FRP是异步数据流编程 这不是什么新鲜的东西了。在前端编程中(用Javascript),监听某个按钮的点击事件,并...
    superYang0033阅读 2,025评论 1 8
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 170,596评论 25 707
  • 本篇文章介主要绍RxJava中操作符是以函数作为基本单位,与响应式编程作为结合使用的,对什么是操作、操作符都有哪些...
    嘎啦果安卓兽阅读 2,788评论 0 10
  • 这是个真理的集市 从早晨到黑夜 车马与行人。 我带着疑问来 (这的确是个欲望) 没有指南与建议 自尊与生命 (这就...
    心种阅读 163评论 1 1