RxJS教程

1. 安装RxJS

要使用RxJS，首先需要安装它，可以使用npm或yarn安装。

npm install rxjs

2. 初识RxJS

RxJS是一个基于可观察序列的JavaScript库，它可以用于处理异步数据流。它提供了一个基于可观察对象的API，可以用于处理异步数据流。

RxJS的核心是Observable，它是一个可观察的序列，它可以包含一个或多个值。Observable可以被订阅，订阅者会收到Observable发出的值。Observable还可以被过滤，映射，合并，组合等等。

3. 创建Observable

要创建一个Observable，可以使用RxJS的create()方法，它接受一个函数作为参数，该函数会收到一个Observer对象，该对象用于发出值和终止Observable。

const observable = Rx.Observable.create(observer => {
observer.next(1);
observer.next(2);
observer.next(3);
observer.complete();
});

4. 订阅Observable

要接收Observable发出的值，需要订阅它。可以使用Observable的subscribe()方法来订阅Observable，它接受一个回调函数作为参数，该函数会接收到Observable发出的值。

observable.subscribe(value => {
console.log(value);
});

5. 使用Operator

Operator是一种可以对Observable发出的值进行操作的函数，它可以用于过滤，映射，合并，组合等等。

例如，可以使用filter()操作符来过滤Observable发出的值：

const observable = Rx.Observable.create(observer => {
observer.next(1);
observer.next(2);
observer.next(3);
observer.complete();
});

observable
.filter(value => value % 2 === 0)
.subscribe(value => {
console.log(value);
});

6. 使用Subject

Subject是一种特殊的Observable，它可以向多个订阅者发出值。

const subject = new Rx.Subject();

subject.subscribe(value => {
console.log(value);
});

subject.next(1);
subject.next(2);