丁鹿学堂：前端开发中异步的RxJs解决方案npm i rxjsnpm i rxjsnpm i rxjsimport {Observable} from ‘rxjs’import {Observable} from ‘rxjs’import {Observable} from ‘rxjs’import {ObserVable} from ‘rxjs’const source = new ObserVable(subscriber => {subscriber.next(1)subscriber.next(2)subscriber.next(3)})source.subscribe({next(value){console.log(value)}})import {ObserVable} from ‘rxjs’const source = new ObserVable(subscriber => {subscriber.next(1)subscriber.next(2)subscriber.next(3)})source.subscribe({next(value){console.log(value)}})import {ObserVable} from ‘rxjs’

积极响应式程式设计

Rx， 全名Reactivbe Extension，指的是课堂教学积极响应式程式设计的两套辅助工具。

Rx只不过是两个小家庭，特别针对相同的词汇都有网络连接。最先是谷歌的c#，他们后端高度关注的是js万多元，是RxJS

RxJS 的特征：

1报文抽象化了许多现实生活难题

2十分擅于处置触发器操作方式

3把繁杂难题还原成单纯难题的女团。

Rxjs的安装

可以通过npm安装，也可以通过url引入的方式使用，根据自己的项目结构灵活去使用

引入

Observablea

Observable是可被观察者。Rxjs中的报文是Observable对象，Observable实现了观察者模式和迭代器模式这两种设计模式。

观察者模式他们在之前的文章中介绍过了，原理是一样的。

迭代器模式

迭代器指的是能够遍历两个数据集合的对象。这个数据集合是两个统称，在代码中可以表现为数组，也可以是两个树形结构，也可以是两个单向的链表。迭代器的作用是提供两个通用的接口，让使用者不用去关心这个数据集合的具体实现方式。

迭代器一般都有这些特征：

next 将指针移动到下两个元素，调用这个函数后，getCurrent获得的元素也会发生相应的变化。

isDone，判断是否已经遍历完所有的元素。

RxJS的使用场景

单纯跟常规的触发器操作方式的情况下，他们使用promise或者async 和await就足够了，而且相对来说更普及，大家更熟悉，利于代码的维护。

如果有大量的触发器数据的更新，而且这些的触发器更新之间还有相互依赖的关系的情况下，他们可以使用RxJS结合promise。