Question

在此示例中，switchMap给出http响应，但是当使用map时，将返回Observable。我相信这与'flattening'switchMap确实有关，但是仍然不了解switchMap在幕后为产生http响应结果正在做什么。

import{Component, OnInit} from '@angular/core';
import {HttpClient} from '@angular/common/http';
import { of, from, Observable, forkJoin } from 'rxjs';
import { map, mergeMap, switchMap, tap, flatMap} from 'rxjs/operators';
@Component({
  selector: 'star-wars',
  template: ``,
})
export class StarWars {
  private peopleUrl = 'https://swapi.co/api/people/';

  constructor(private http: HttpClient) {}

  ngOnInit() {
    of(1)
    .pipe(
      map(() => this.http.get('https://swapi.co/api/people/1')),
      // produces Observable {_isScalar: false, source: {…}

      switchMap(() => this.http.get('https://swapi.co/api/people/1')),
      // produces http response {name: "Luke Skywalker", height: "172", mass: "77", hair_color: "blond"…}
    )
    .subscribe(res => {
      console.log(res)
    })
  }
}

任何有关switchMap在此处产生不同结果的说明都将不胜感激。

Answer 1

Observables中的“展平”类似于您可能已经熟悉的展平数组的概念。

例如：

[[0], [1, 2], [3]].flatten()
// output [0, 1, 2, 3]

一般而言，展平表示获取值的类型（例如，值的数组）并产生值的类型（例如，值的数组）。

类型的类型有时称为高阶类型（例如，高阶函数是函数返回函数，高阶Observable是Observable的Observable）。因此，展平会将高阶类型转换为一阶类型。

以TypeScript flatten编写的函数具有以下签名：

flatten(source: Type<Type<Value>>): Type<Value>

在RxJS中，相当于flatten的是 mergeAll 运算符：

of(of(0), of(1, 2), of(3)).pipe(mergeAll())
// produce Observable<number> -> [0, 1, 2, 3]

map和flatten的组合通常称为 flatMap ，尽管名称可以不同，主要概念是相同的-进行映射和扁平化是一项动作。

在数组上下文中，而不是：

[0, 1, 2, 3].map(x => Array(x).fill(x)).flatten()
// [[], [1], [2, 2], [3, 3, 3]].flatten()
// output: [1, 2, 2, 3, 3, 3]

我们可以使用：

[0, 1, 2, 3].flatMap(x => Array(x).fill(x))

RxJS具有相当多的运算符，它们充当 flatMap ：

mergeMap-同时对Observable进行展平，因此输入和输出值可能具有不同的顺序
concatMap-一次连续地将Observable一次展平，因此输入和输出值的顺序相同
switchMap-使“可观察”变平，但仅提供最新值

通常，这些 flatMap 类运算符将简单地调用subscribe到从映射函数返回的Observable，并将为我们管理基础订阅。

为什么switchmap返回http响应，但是map返回一个可观察到的

1 个答案: