RxJS Overview为官方对RxJS的一个概述，点击这里进行原文阅读。
非常感谢 @雪狼 @trotyl 指出我在概念理解上的问题。
前言
本文是我阅读RxJS Overview时所做的笔记。该概述（Overview）写得非常之清晰和简洁，是很好的入门RxJS资料。概述内容包括：RxJS涉及到的主要概念及概念相关的必要背景知识，其中主要概念包括：Observable、Observer、Subscription、Subject、Operator、Scheduler，本文会一一进行介绍。尤其是那些时不时出现的手书斜体格式的总结文字，非常值得认真思考。本文尝试进行总结，力求把RxJS的核心思想表达清楚。
用一句话介绍RxJS的话，就是RxJS将异步数据抽象为数据流，并提供对数据流进行各种转换操作的接口。
数据传输
数据从生产者传输到消费者那里，有两种方式：一是消费者从生产者那里拉取（pull）数据，二是生产者推送（push）数据给消费者。前者就是常见的函数调用（消费者调用生产数据的函数），后者则是用于处理异步的回调方式（消费者只定义接受数据的函数，然后供生产者调用）。它们的区别在于由哪一方去主动调用。代码如下：
var producer = function () { var data = 42; return data;
}var consumer = function () {
var data = producer(); }consumer();var producer = function (consumer) {
setTimeout(function () { var data = 42;
consumer(data);
}, 3000)
}var consumer = function (data) { }producer(consumer);拉取方式常用在获取同步数据上，而推送方式则更多用在获取异步数据上。会有异步数据这个说法，是因为有些数据的获取需要等待（比如浏览器通过URL接口获取服务器上的数据）。如果数据消费者在原地傻傻地等着数据，而不去做其他的事情，必然导致效率低下。正确的做法是在数据还没有到的时候去做其他的事情，等数据到了再来通知消费者。
在获取异步数据上面，常见的有事件监听和Promise（都是通过回调）。区别是事件监听可以触发多次回调，一个Promise只能触发一次回调。一次和多次在更深层次上的区别，是生产者函数可以有多少个返回值。RxJS是两者的结合，提供了Promise形式的异步编程方式（看起来像同步），但又可以有多个返回值。对比以下代码就很容易理解上一句话了：
button.addEventListener('click', function (event) {
})var promise = new Promise(function (resolve, reject) {
setTimeout(function () { var data = 42;
resolve(data);
}, 3000);
});
promise.then(function (data) { });var observable = Rx.Observable.fromEvent(button, 'click');
observable.subscribe(function (event) { })基本概念
除了拥有异步处理能力，RxJS还提供了对生产的数据进行常见操作的接口，以及提供多种触发回调的策略（比如同步、异步等）。理解RxJS的概念有利于更好地利用它，接下来介绍RxJS所包含的基本概念。
Observable
使用RxJS的第一步就是得到一个Observable，可以把它理解为数据流，它可以向订阅者（即消费者）推送多个数据。Observable分两种，分别是Cold Observable和Hot Observable。Cold Observable的特点是每个订阅者独享该Observable推送的数据序列，并且数据生产过程是在添加订阅者（比如执行了subscribe方法）的时候才开始启动的；而Hot Observable的订阅者则共享该Observable推送的数据序列，启动数据生产过程一般通过特定方法（比如调用connect方法）来启动。
以下代码展示Cold Observable中订阅者独享数据序列的特点：
var coldObservable = Rx.Observable.create(function (observer) {
observer.next({
a: 1,
b: 2
});
});coldObservable.subscribe({
next: function (data) { console.log(data.a);
data.a = 3;
}
});
coldObservable.subscribe({
next: function (data) {
console.log(data.a);
data.a = 3;
}
});以下代码展示Hot Observable中订阅者共享数据序列的特点：
var hotObservable = Rx.Observable.create(function (observer) {
observer.next({
a: 1,
b: 2
});
}).publish();;
hotObservable.subscribe({
next: function (data) {
console.log(data.a);
data.a = 3;
}
});
hotObservable.subscribe({
next: function (data) {
console.log(data.a);
data.a = 3;
}
});hotObservable.connect();Observer
Observer是一个包含回调函数的对象（可包含next、complete、error三种不同状态的回调），称之为订阅者，比较好理解。例如上面在调用Observable的subscribe方法时所传入的参数，就是一个Observer。
Subscription
Subscription表示给Observable添加一个订阅者这个动作对象。对于Cold Observable，subscribe方法会返回一个Subscription，并且会启动推送数据的过程，同时这个动作对象通过调用自己的unsubscribe进行取消。
Subject
Subject跟Hot Observable类似，区别是Subject也可以看作一个Observer，同时在创建Subject对象时就默认启动了数据生产过程。因此，Subject可以通过next向其订阅者发送数据：
var subject = new Rx.Subject();
subject.subscribe({
next: function (data) { console.log(data);
}
});
subject.next(1);
subject.subscribe({
next: function (data) { console.log(data);
}
});
subject.next(2);Operator
Operator是操作异步数据的方法，返回值是另一个Observable对象，可链式调用。常见的操作有处理数据（map）、过滤数据（filter）、累积数据（reduce）等。例如以下示例代码：
Rx.Observable.of(0, 1, 2, 3)
.map((n) => n * n)
.filter((n) => n > 0)
.reduce((acc, curr) => acc + curr, 0)
.subscribe((sum) => console.log(sum)); Scheduler
Scheduler指触发回调的策略，是一个对象。这里的策略，控制了触发回调的时机。比如把触发放到下一次事件循环里面去。以下代码展示了使用async策略的运行结果（重点在于使用async策略会异步触发回调，）：
var observable = Rx.Observable.create(function (observer) { console.log('a');
observer.next(1); console.log('b');
observer.complete(); console.log('c');
}).observeOn(Rx.Scheduler.async);console.log('before');
observable.subscribe({
next: (x) => console.log(x),
complete: () => console.log('done'),
});console.log('after');输出顺序如下：
before
a
b
c
after
1
done由于目前JS解释器都是单线程运行JS代码，Scheduler的作用局限于提供异步等策略。但是在Rx.NET、RxJava等Rx
的实现中，Scheduler有非常大的作用，比如可以将耗时的任务放到新的线程中，从而提高主线程的响应速度。对这部分感兴趣的同学可以去阅读Rx的相关实现，比如Rx.NET、RxJava。所有语言和平台的Rx实现在这里可以看到。
总结
本文主要介绍了RxJS中涉及到的基本概念，并提供代码示例。理解这些概念是使用好RxJS的基础，同时RxJS包含了丰富的Operator。在解决实际问题时，对这些Operator的理解有利于找到快速高效的解决方法。如果你打算继续深入学习RxJS的话，建议从Operator入手，并结合实际问题。
接下来的问题是：为什么要使用RxJS？RxJS适合解决哪些问题？这些是下一篇RxJS文章所涉及到的内容，敬请期待。
