RxJS catchError

2020-10-13 10:08 更新

通过返回新的可观察对象或引发错误,在可观察对象上捕获错误。

catchError<T, O extends ObservableInput<any>>(selector: (err: any, caught: Observable<T>) => O): OperatorFunction<T, T | ObservedValueOf<O>>

参量

选择器 一个以参数为参数的函数 err,这是错误,而 caught,其中 是可观察的源,以防您想通过再次返回来“重试”该可观察的源。 无论观察到什么 将返回, selector将用于继续可观察的链。

returns

OperatorFunction<T, T | ObservedValueOf<O>>:可观察到的事物,其来源或来源是 捕获 selector功能。

描述

catch marble diagram

例子

发生错误时继续使用其他 Observable

  1. import { of } from 'rxjs';
  2. import { map, catchError } from 'rxjs/operators';
  3. of(1, 2, 3, 4, 5).pipe(
  4. map(n => {
  5. if (n === 4) {
  6. throw 'four!';
  7. }
  8. return n;
  9. }),
  10. catchError(err => of('I', 'II', 'III', 'IV', 'V')),
  11. )
  12. .subscribe(x => console.log(x));
  13. // 1, 2, 3, I, II, III, IV, V

重传捕获的源,如果出现错误,则再次可观察,类似于 retry()运算符

  1. import { of } from 'rxjs';
  2. import { map, catchError, take } from 'rxjs/operators';
  3. of(1, 2, 3, 4, 5).pipe(
  4. map(n => {
  5. if (n === 4) {
  6. throw 'four!';
  7. }
  8. return n;
  9. }),
  10. catchError((err, caught) => caught),
  11. take(30),
  12. )
  13. .subscribe(x => console.log(x));
  14. // 1, 2, 3, 1, 2, 3, ...

当源 Observable 引发错误时引发新错误

  1. import { of } from 'rxjs';
  2. import { map, catchError } from 'rxjs/operators';
  3. of(1, 2, 3, 4, 5).pipe(
  4. map(n => {
  5. if (n === 4) {
  6. throw 'four!';
  7. }
  8. return n;
  9. }),
  10. catchError(err => {
  11. throw 'error in source. Details: ' + err;
  12. }),
  13. )
  14. .subscribe(
  15. x => console.log(x),
  16. err => console.log(err)
  17. );
  18. // 1, 2, 3, error in source. Details: four!
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号