RXJS操作符(一)

JavaScript05

RXJS操作符(一),第1张

开始操作符介绍之前,先给大家推荐一个网站 http://rxmarbles.com/ 这个网站都是操作符的操作图。

下面是使用pluck的使用方法: pluck主要就是快速获取到第一个参数后面的属性。

mapto方法就是将流固定输出成为一个特定值。 下面的例子就是固定输出 第一个流输出固定值1 第二个流输出固定值20

多个对象的如下所示:

我们在实际的项目中应用一下map,我们登录页面有一个每日一佳句的功能,我们想在这个需求上面使用到RXJS

我们先创建实体的model:

接下来使用json-server 创建一个接口返回数据:

下面是api基本接口的地址provider:

有很多场景需要在多个接口返回之后再进行渲染界面,此时可以使用forkJoin在多个结果都返回时再进行下一步的操作。

具体使用方法如下:

不过使用forkJoin也存在一定的风险,需要保证多个接口都能够成功返回结果。如果有个别的接口没有成功返回,使用forkJoin不好监听具体错误。