在 RxJS 中，Catch 和 Retry 操作符是处理错误的两个常用操作符。它们都可以在错误发生时对 Observable 进行处理，但它们有着不同的使用场景和区别。
Catch 操作符
Catch 操作符可以帮助我们处理 Observable 发生的错误，它接收一个函数作为参数，这个函数会在 Observable 发生错误时被调用。在这个函数中，我们可以对错误进行处理，返回一个新的 Observable。
下面是使用 Catch 操作符处理 Observable 错误的示例代码：
-- -------------------- ---- ------- ------ - ---------- - ---- ------- ----- ---------- - --- ------------------- -- - ----------------------- ----------------------- ------------------------- ---- -------- --- ---------- ---------------- -- ------------------- ----- -- --------------------- ------------ -- - -------------------- --------- ------- ------ -------------------------- -- ---------------- -- --------------------展开代码
在这个示例中，我们创建了一个 Observable，并在其中添加了三个事件：两个 next 事件和一个 error 事件。我们使用 subscribe 方法订阅这个 Observable，并在其中传入两个回调函数：一个用于处理 next 事件的值，一个用于处理 error 事件的错误。
在这个示例中，我们使用 Catch 操作符来处理 Observable 错误。当 Observable 发生错误时，Catch 操作符会捕捉这个错误，打印一条错误信息，并返回一个新的 Observable：Observable.of('Fallback')。这个新的 Observable 会发送一个 fallback 值，被 subscribe 方法订阅后会打印出 Fallback。
Retry 操作符
Retry 操作符可以帮助我们重试一个 Observable，它接收一个数字 n 作为参数，表示在 Observable 发生错误时最多重试 n 次。当 Observable 发生错误后，Retry 操作符会重新订阅这个 Observable，直到订阅次数达到指定的上限或者 Observable 发出了一个完成信号。
下面是使用 Retry 操作符重试 Observable 的示例代码：
-- -------------------- ---- ------- ------ - ---------- - ---- ------- --- ----- - -- ----- ---------- - --- ------------------- -- - -- ------ - -- - -------- ------------------------- ---- -------- - ---- - ----------------------- ----------------------- -------------------- - --- ---------- --------- ---------------- -- ------------------- ----- -- ----------------------展开代码
在这个示例中，我们创建了一个 Observable，并在其中添加一个错误事件。我们使用 Retry 操作符来重试 Observable，最多重试三次。当 Observable 第一次发生错误时，Retry 操作符会重新订阅这个 Observable，尝试重新发送事件。当重试次数达到三次时，Retry 操作符会向 subscribe 方法传入错误信息。
Catch 和 Retry 操作符的区别
Catch 操作符和 Retry 操作符都可以处理 Observable 发生的错误，但它们的使用场景和区别不同。
Catch 操作符常用于处理 Observable 发生的单个错误，它可以捕捉错误，并返回一个新的 Observable，用于发送一个 fallback 值或者在错误时执行一些其他的操作。
Retry 操作符常用于处理 Observable 发生的多次错误，它可以将 Observable 重试多次，直到成功为止。Retry 操作符可以接收一个数字参数，用于指定重试的次数，如果次数达到上限，它会向 subscribe 方法传入错误信息。
综上所述，Catch 操作符和 Retry 操作符都是处理 Observable 错误的常用操作符，它们可以帮助我们处理错误，并使代码更加健壮和可靠。但我们应该根据具体的使用场景选择合适的操作符，避免滥用某个操作符带来的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67d695bfa941bf7134c5f813
