基于RXJS，如何简化两个相互依赖且需保留的Observable实现

你的代码目前存在重复调用getCustomerByNickname的问题，既浪费API请求，也不够简洁。可以直接复用已有的customer$来推导purchases$，避免重复请求：

customer$: Observable<Customer>;
purchases$: Observable<Purchase[]>;

constructor(
  private route: ActivatedRoute,
  private customerService: CustomerService
) {
  // 获取Customer的逻辑保留
  this.customer$ = this.route.paramMap.pipe(
    switchMap((params: ParamMap) => {
      const nickName = params.get('customerNickname');
      return this.customerService.getCustomerByNickname(nickName);
    })
  );

  // 直接复用已有的customer$来获取购买记录，无需重复请求Customer
  this.purchases$ = this.customer$.pipe(
    switchMap((customer: Customer) => {
      return this.customerService.getPurchasesForCustomer(customer.id);
    })
  );
}

优化点说明 #

• 减少一次不必要的getCustomerByNickname API调用，提升性能
• 代码逻辑更清晰，purchases$的依赖关系直接体现为基于customer$
• 保持了Observable的响应式特性，路由参数变化时，两个Observable会自动更新

如果需要处理customer为空的边界情况（比如昵称不存在导致返回null），可以添加过滤操作：

this.purchases$ = this.customer$.pipe(
  filter(customer => !!customer), // 过滤掉null/undefined的情况
  switchMap((customer: Customer) => {
    return this.customerService.getPurchasesForCustomer(customer.id);
  })
);

内容的提问来源于stack exchange，提问作者EchtFettigerKeks