使用RxJS管理异步函数的执行顺序

场景：如果有两个异步请求A和B，B要在A请求得到唯一id之后再触发，并使用id作为api的参数，那么就很需要管理异步请求的发生顺序了，即先A再B。

解决方案： RxJS中的operators里有map，switchMap可以很好的管理异步请求的结果。map可以处理Observable的结果，switchMap可以将异步A跳转到异步B的订阅。放一段Angular中routing module里的resolve函数，该函数返回一个Observable流，常用于发起api call。（联系Angular Http Client模块）

resolve(route: ActivatedRouteSnapshot, rstate:RouterStateSnapshot): Observable<MachineGroup[]>{
            // 先发起http请求A，来得到为AuthTenant类的tenant
    return this.http.get<AuthTenant>(`${this.authApiUrl}`)
          .pipe(
            // 转到异步请求B，返回带有A结果的B请求用于订阅。
            switchMap((tenant: AuthTenant) => this.http.get<MachineGroup[]>(`${this.apiUrl}?tenantId=${tenant.subTenant}`))
          )
  }

上面的示例仅仅是我们项目中的，你可能需要管理更多的异步请求，可以参考下面StackOverflow上的这个话题：Running-async-functions-in-sequence-with-rxjs