将嵌套的rxjs conf缩放到aysnc-wait？

Question

我总是遇到嵌套的con缩，后者的HTTP请求基于前一个结果。 请参阅下面的示例，我需要获取FormConfig，然后使用FormConfig ID获取应用程序记录，然后获取XXX。它是否更可读取和可维护的转动嵌套的RXJS辅助映射到Aysnc等待（ 避免回调地狱 ）？优点和缺点？哪一个更容易处理错误处理？

一般嵌套concatmap

  ngOnInit(){
     this.http.get(`/app-config/${this.appType}`)
     .pipe(
         concatMap(formConfig => {
             this.formConfig = formConfig;
             return this.http.get(`/appl/${this.formConfig.id}`);
         }),
         concatMap(applRec => {
             this.applRec = applRec;
             return this.http.get(`/xxx/${this.applRec.recNo}`)          
         })
        tap((val) => {this.xxx = val})
         ....
     ).subscribe();
  }

转向异步等待topromise

 constructor(){
   this.init().then();
 }
 async init() {
    this.formConfig = await this.http.get(`/app-config/${this.appType}`).toPromise();
    this.applRec = await this.http.get(`/appl/${this.formConfig.id}`).toPromise();
    this.xxx = await this.http.get(`/xxx/${this.applRec.recNo}`).toPromise();
  }

Answer 1

topRomise（）已弃用并正在删除，因此您可能应该避免使用它。有关此信息的更多信息： https://indepth.dev/posts/1287/rxjs-heads-up-tpromise-is-is-being-deprecated#why-is-is-is-is-thisthis-the-thappening-to-to-to-to-to-to-to-me 。

如果要使用async/等待/承诺您可以使用firstValueFrom（）。在此处的文档中概述了使用它的缺点： https://rxjs.dev/api/索引/函数/firstValuefrom

警告：仅将其与您知道的可观察物一起使用，至少会发出一个值或完成。如果可观察到的源没有发出一个值或完成一个值，您最终会得到挂断的承诺，并且可能是在内存中悬挂的异步函数的所有状态。为了避免这种情况，请考虑添加超时，拿走，采取或在其他情况下添加。

因此，承诺的缺点是您需要添加超时或冒着内存泄漏的风险。但是，我认为当使用HTTPCLIENT服务的观察力时，您不必担心这一点，我从未见过一个人没有发出值或完整的值。

由于您只是在寻找单个值而不是可观察到的流，因此在这里使用承诺的任何缺点。您也可以将ngoninit标记为async。

  async ngOnInit() {
    this.formConfig = await firstValueFrom(this.http.get(`/app-config/${this.appType}`));
    this.applRec = await firstValueFrom(this.http.get(`/appl/${this.formConfig.id}`));
    this.xxx = await firstValueFrom(this.http.get(`/xxx/${this.applRec.recNo}`));
  }