javascript - 在subscribe里面调用subscribe好不好？

Question

我需要从三个不同的 API 向一个函数传递三个数据:

this.service.service1().subscribe( res1 => {
  this.service.service1().subscribe( res2 => {
    this.service.service1().subscribe( res3 => {
      this.funcA(res1, res2, res3);
  });
  });
});

在订阅内订阅是一种好习惯吗？

Answer 1

正确的方法是以某种方式组合各种可观察对象，然后订阅整个流程——如何组合它们将取决于您的具体要求。

如果你能同时完成它们:

forkJoin(
  this.service.service1(), this.service.service2(), this.service.service3()
).subscribe((res) => {
  this.funcA(res[0], res[1], res[2]);
});

如果每个都依赖于前一个的结果，您可以使用mergeMap(以前称为flatMap)或switchMap:

this.service.service1().pipe(
  mergeMap((res1) => this.service.service2(res1)),
  mergeMap((res2) => this.service.service3(res2))
).subscribe((res3) => {
  // Do something with res3.
});

...等等。有许多运算符可以组合可观察对象以涵盖许多不同的场景。