7、RxJS 响应式编程指南

RxJS 响应式编程指南

1. RxJS 的使用场景

学习使用新工具固然重要，但了解何时不使用它同样关键。数据来源可分为以下四类：
|数据类型|同步/异步|描述|示例|
| ---- | ---- | ---- | ---- |
|单值同步|同步|每次调用操作仅返回一个值| Rx.Observable.of(42).subscribe(console.log); |
|多值同步|同步|将单个项目组合成数据集合，通常是数组| Rx.Observable.from([1, 2, 3]).subscribe(console.log); |
|单值异步|异步|任务结果为单个返回值，通常用于加载远程资源或等待 Promise 结果| Rx.Observable.fromPromise(fortyTwo).map(increment).subscribe(console.log); |
|多值异步|异步|随时间产生多个值，且异步执行，常用于 DOM 事件| Rx.Observable.fromEvent(link, 'click').map(event => event.currentTarget.getAttribute('href')).subscribe(console.log); |

1.1 单值同步

最简单的情况是只有单个数据。在编程中，有些操作每次调用都会返回单个值。可以使用 Rx.Observable.of() 函数来包装单个同步值。例如：