响应式编程2分钟简介

阿里云产品限时红包,最高 ¥1888 元,立即领取

原文:https://medium.com/@andrestaltz/2-minute-introduction-to-rx-24c8ca793877

可能你已经读过我之前写的教程。太长了?好吧。响应式编程也不是很难,甚至你自己也曾经发明了它。我们继续往后看。

你知道数组吗?当然,你完全知道。这下面的便是。

[14, 9, 5, 2, 10, 13, 4]

如果我告诉 你这是个不可变的数组,并让你拿走其中所有的奇数,你会怎么做?下面是比较流行的做法:

[14, 9, 5, 2, 10, 13, 4]

filter((x) -> x%2 == 0)

[14, 2, 10, 4]

这些其实都不是新东西。这些在 underscore.js,ECMAScript 5.1, LINQ,Guava 等当中都是司空见惯的东西。它来自函数式编程范式。

现在来考虑包含鼠标位置信息的点击事件。如果你把这些事件画在一条时间轴上,则看起来像这样:

click event with cursor position data on a timeline

这是个事件流( stream of event ),或者叫” Observable “。

这些点击事件来自于鼠标,因此整个事件流是不可变的,这种情况下,当它被定义,你无法从中添加或者删除。

但是,如果我们仅仅对 x < 250 的点击事件感兴趣呢?我们能否通过过滤来建立一个新的流,就像我们之前对数组所做的那样呢?

click event with cursor position data on a timeline

filter((event) -> event.x < 250)

click event after filter

既然这样,不可变数组与 Obserable 有什么不同呢?不仅仅这样,你可以应用 map、 filter、 reduce 等操作到这两者上。对于 Obserable ,你还可以应用这些操作: merge, delay, concat, buffer, distinct, first, last, zip, startWith, window, takeUntil, skip, scan, sample, amb, join, flatMap 等。

把它想象成异步的不可变数组。

在 underscore.js 中 Rx 被认为是事件。但想一想,到底什么是事件呢?你的应用中的大部分东西能否是个事件呢?

“应用启动”事件,”接口数据返回”事件,”按键按下”事件,”界面刷新”事件,”设备休眠”事件,等等。

实际上,几乎所有的东西都可以看做是事件的流。问题只在于如何以合适的方式来组合它们。

这就是响应式编程的2分钟介绍。