RxJS 是一个基于观察者模式的 JavaScript 库，它提供了一些操作符来处理异步数据流，其中 iif 操作符就是其中之一。iif 操作符是一个条件操作符，它会根据条件的真假来选择要执行的 Observable。
iif 操作符的使用
iif 操作符的语法如下：
iif(condition: () => boolean, trueResult: SubscribableOrPromise<T>, falseResult: SubscribableOrPromise<T>): Observable<T>
其中，condition 是一个返回 boolean 值的函数，trueResult 和 falseResult 分别是满足条件和不满足条件时要执行的 Observable。iif 操作符会根据 condition 的返回值来选择要执行的 Observable。
下面是一个简单的示例：
-- -------------------- ---- -------
------ - ---- -- - ---- -------
------ - -------- - ---- -----------------
----- --------- - -----
----
-- -- ----------
-------- ---------
--------- --------
-------
--------------- -- -
--------------------
------ -----------
--
--------------在这个示例中，我们通过 iif 操作符来根据 condition 的值来选择要执行的 Observable，当 condition 为 true 时，会执行 trueResult，输出 true result；当 condition 为 false 时，会执行 falseResult，输出 false result。
常见异常排查
在使用 iif 操作符时，有一些常见的异常需要注意和排查。
1. 条件函数返回了 undefined
如果条件函数返回了 undefined，iif 操作符将会抛出一个 TypeError 异常。因此，在编写条件函数时需要确保它始终返回一个 boolean 值。
2. 传递给 iif 操作符的 Observable 为空
如果传递给 iif 操作符的 trueResult 或 falseResult 是一个空的 Observable，即不会发出任何值，那么当条件为 true 时，将会出现 complete 事件，但是当条件为 false 时，将会出现 error 事件。因此，在使用 iif 操作符时需要确保传递给它的 Observable 不为空。
3. iif 操作符的参数是一个函数
如果将一个函数作为 iif 操作符的参数，并且这个函数没有被调用，那么它将不会发出任何值。因此，在使用 iif 操作符时需要确保条件函数被调用。
结论
iif 操作符是 RxJS 中一个非常有用的条件操作符，它可以根据条件的真假来选择要执行的 Observable。在使用 iif 操作符时，需要注意常见的异常排查，确保传递给它的参数正确无误，以避免出现意外的错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6764cc77856ee0c1d42e61d0