4、JavaScript 响应式扩展：RxJS 全面解析

JavaScript 响应式扩展：RxJS 全面解析

1. RxJS 简介

RxJS（Reactive Extensions for JavaScript）是一种优雅的解决方案，可替代基于回调或 Promise 的库。它采用单一的编程模型，以相同的方式处理各种常见的事件源，无论是读取文件、进行 HTTP 调用、点击按钮还是移动鼠标。例如，使用 RxJS 可以将所有鼠标事件组合处理，而非使用回调分别处理每个事件。

RxJS 基于函数式和响应式编程的支柱构建，同时借鉴了观察者和迭代器等流行的设计模式。它并非发明了这些模式，而是在函数式编程（FP）的背景下找到了使用它们的方法。要充分利用这个框架，关键是学会以流的方式思考。

2. 以流的方式思考：数据流与传播

2.1 流的概念

传统上，流在编程语言中是与 I/O 操作相关的抽象对象，如读取文件、读取套接字或从 HTTP 服务器请求数据。在响应式编程（RP）领域，流的定义扩展为任何可消费的数据源。

2.2 响应式编程的核心概念

响应式编程需要思维方式的转变，尤其是对于有命令式编程背景的人。以下是一个简单的示例：

let a = 20;
let b = 22;
let c = a + b; //-> 42
a = 100;
c = ?

在这种情况下，很容易预测 c 的值仍然是 42，因为改变 a 不会影响 c 的值，即没有变化传播。这是响应式编程中最重要的概念。

下面是一个伪 JavaScript