RxJS switchMap

2020-10-14 10:36 更新

将每个源值投影到一个 Observable,将其合并到输出 Observable中,仅从最近投影的 Observable 发出值。

switchMap<T, R, O extends ObservableInput<any>>(project: (value: T, index: number) => O, resultSelector?: (outerValue: T, innerValue: ObservedValueOf<O>, outerIndex: number, innerIndex: number) => R): OperatorFunction<T, ObservedValueOf<O> | R>

参量

项目 当应用于源 Observable 发出的项目时,返回 Observable 的函数。
resultSelector 可选的。默认值为undefined。类型:。(outerValue: T, innerValue: ObservedValueOf, outerIndex: number, innerIndex: number) => R

returns

OperatorFunction<T, ObservedValueOf<O> | R>:一个 Observable,它发出对resultSelector源 Observable 发出的每个项目应用投影函数(和可选的不推荐使用)的结果,并且仅从最近投影的内部 Observable 中获取值。

描述

将每个值映射到一个 Observable,然后展平所有这些内部 Observable。

switchMap大理石图

返回一个 Observable,它基于将您提供的函数应用于源 Observable 发出的每个项目而发出项目,其中该函数返回一个(所谓的“内部”)Observable。每当它观察到这些内部 Observable 中的一个时,输出 Observable 就开始发出该内部 Observable 发出的项目。发出新的内部 Observable 时,switchMap 停止从较早发出的内部 Observable 发出项目,并开始从新的内部 Observable 发出项目。对于后续的内部 Observable,它继续像这样运行。

根据源可观测值生成新的可观测值

import { of } from 'rxjs';
import { switchMap } from 'rxjs/operators';


const switched = of(1, 2, 3).pipe(switchMap((x: number) => of(x, x ** 2, x ** 3)));
switched.subscribe(x => console.log(x));
// outputs
// 1
// 1
// 1
// 2
// 4
// 8
// ... and so on

在每个点击事件上重新运行可观察到的间隔

import { fromEvent, interval } from 'rxjs';
import { switchMap } from 'rxjs/operators';


const clicks = fromEvent(document, 'click');
const result = clicks.pipe(switchMap((ev) => interval(1000)));
result.subscribe(x => console.log(x));

超载

switchMap(project: (value: T, index: number) => O): OperatorFunction<T, ObservedValueOf<O>>

参量 类型
项目 类型:(value: T, index: number) => O

returnsOperatorFunction<T, ObservedValueOf<O>> switchMap(project: (value: T, index: number) => O, resultSelector: undefined): OperatorFunction<T, ObservedValueOf<O>>

参量 类型
项目 类型:(value: T, index: number) => O
resultSelector 类型:undefined

returnsOperatorFunction<T, ObservedValueOf<O>>

switchMap(project: (value: T, index: number) => O, resultSelector: (outerValue: T, innerValue: ObservedValueOf<O>, outerIndex: number, innerIndex: number) => R): OperatorFunction<T, R>

参量 类型
项目 类型:(value: T, index: number) => O
resultSelector 类型:(outerValue: T, innerValue: ObservedValueOf, outerIndex: number, innerIndex: number) => R

returnsOperatorFunction<T, R>

也可以看看

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号