基于多条件返回Observable的最优方案？RxJS iif操作符问题

链式嵌套iif确实能实现你要的多条件逻辑，但并不是最优解——随着条件增多，嵌套层级会越来越深，可读性会直线下降。更推荐用defer操作符配合原生if-else判断，或者更简洁的扁平化写法。

方案1：嵌套iif（可行但不推荐） #

这是你提到的链式调用思路，代码实现如下：

iif(
  () => !!this.id,
  this.service.listStuffById$(this.id),
  iif(
    () => !!this.name,
    this.service.listStuffByName$(this.name),
    this.service.listStuff$()
  )
).pipe(
  switchMap((list: List) => {
    // ...你的后续处理逻辑
  })
).subscribe();

这种写法能满足需求，但如果之后还要加更多条件，代码会变得像“回调地狱”一样难读，维护成本高。

方案2：defer+原生if-else（推荐） #

defer的作用是在订阅时才执行传入的函数，并返回对应的Observable，完美适配你的同步判断逻辑：

defer(() => {
  if (this.id) {
    return this.service.listStuffById$(this.id);
  } else if (this.name) {
    return this.service.listStuffByName$(this.name);
  } else {
    return this.service.listStuff$();
  }
}).pipe(
  switchMap((list: List) => {
    // ...你的后续处理逻辑
  })
).subscribe();

这种写法完全保留了你熟悉的条件分支结构，代码直观易懂，后续扩展新条件也非常方便，是处理这类场景的最优选择。

方案3：of+switchMap（替代方案） #

如果不想用defer，也可以用of触发一次同步流，再在switchMap里做判断：

of(null).pipe(
  switchMap(() => {
    if (this.id) return this.service.listStuffById$(this.id);
    else if (this.name) return this.service.listStuffByName$(this.name);
    else return this.service.listStuff$();
  }),
  switchMap((list: List) => {
    // ...你的后续处理逻辑
  })
).subscribe();

这种写法也能实现需求，但比defer多了一层无意义的of(null)，不如前者简洁。

总结：优先选择defer+原生if-else的组合，兼顾可读性和扩展性；嵌套iif只适合条件极少的场景，不推荐用于多分支情况。

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