RxJS如何让switchMap返回前序Observable值并合并接口响应

你当前使用iif操作符的实现思路是错误的，无法满足需求。
iif属于RxJS的Observable创建类工具，不是可传入pipe()的管道操作符，且它的定位是订阅时根据静态条件选择要订阅的流，既拿不到上游接口返回的res上下文，也无法实现「保留原工单返回结果+追加客户名称」的合并逻辑。

使用switchMap承接上游工单接口的返回值，在内部判断是否存在customerNumber字段，按需调用客户查询接口后，将两个接口的结果合并返回即可：

import { of, map, switchMap } from 'rxjs';

this.workDetail$ = this.workService.getWorkItem(workNumber).pipe(
  switchMap((workItem: WorkItemNumberResposne) => {
    // 无客户编号时直接返回原工单数据
    if (!workItem.customerNumber) {
      return of(workItem);
    }
    // 有客户编号时，查询客户信息后和原工单数据合并
    return this.customerService.getCustomerById(workItem.customerNumber).pipe(
      map(customerInfo => ({
        ...workItem,
        customerName: customerInfo.name // 按客户接口实际返回的字段调整取值
      }))
    );
  })
);

• 工单查询属于单次触发的接口请求，不存在连续高频触发的场景，这里用concatMap/exhaustMap替换switchMap也能实现相同效果
• 如果需要统一输出结构，无客户编号的分支也可以手动补customerName: null之类的默认值，方便后续模板订阅时做类型校验
• 不要在流外部用临时变量存工单返回结果再做拼接，全程在Observable管道内处理数据可以避免闭包脏值、订阅泄漏问题

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