什么是响应式编程

“Reactive” 和 “Propagation of change” 这些术语并没有传达任何有意义的概念。框架的 Views 层当然要对 Models 层作出反应，改变当然会传播。如果没有这些，就没有东西会被渲染了。
所以不要再扯这些废话了。
响应式编程是使用异步数据流进行编程。
一方面，这并不是什么新东西。Event buses 或者 Click events 本质上就是异步事件流，你可以监听并处理这些事件。响应式编程的思路大概如下：你可以用包括 Click 和 Hover 事件在内的任何东西创建 Data stream。Stream 廉价且常见，任何东西都可以是一个 Stream：变量、用户输入、属性、Cache、数据结构等等。举个例子，想像一下你的 Twitter feed 就像是 Click events 那样的 Data stream，你可以监听它并相应的作出响应。
在这个基础上，你还有令人惊艳的函数去组合、创建、过滤这些 Streams，这就是函数式魔法的用武之地。Stream 能接受一个，甚至多个 Stream 为输入，你可以融合两个 Stream，也可以从一个 Stream 中过滤出你感兴趣的 Events 以生成一个新的 Stream，还可以把一个 Stream 中的数据值 映射到一个新的 Stream 中。
既然 Stream 在响应式编程中如此重要，那么我们就应该好好的了解它们，就从我们熟悉的”Clicks on a button” Event stream 开始。

Stream 就是一个按时间排序的 Events 序列,它可以放射三种不同的 Events：(某种类型的)Value、Error 或者一个” Completed” Signal。考虑一下”Completed”发生的时机，例如，当包含这个按钮的窗口或者视图被关闭时。
通过分别为 Value、Error、”Completed”定义事件处理函数，我们将会异步地捕获这些 Events。有时可以忽略 Error 与”Completed”，你只需要定义 Value 的事件处理函数就行。监听一个 Stream 也被称作是订阅 ，而我们所定义的函数就是观察者，Stream则是被观察者，其实就是 Observer Design Pattern。
上面的示意图也可以使用ASCII重画为下图，在下面的部分教程中我们会使用这幅图：

--a---b-c---d---X---|->
    a, b, c, d are emitted values
    X is an error
    | is the 'completed' signal
    ---> is the timeline

既然已经开始对响应式编程感到熟悉，为了不让你觉得无聊，我们可以尝试做一些新东西：我们将会把一个 Click event stream 转为新的 Click event stream。

参考文章

• https://zhuanlan.zhihu.com/p/27678951
• https://zhuanlan.zhihu.com/p/53510418