如何从RxJS映射运算符引发错误（角度）

我想根据条件从我的可观察的地图运算符中引发错误。例如，如果未收到正确的API数据。请参见以下代码：

private userAuthenticate( email: string, password: string ) {
    return this.httpPost(`${this.baseApiUrl}/auth?format=json&provider=login`, {userName: email, password: password})
        .map( res => { 
            if ( res.bearerToken ) {
                return this.saveJwt(res.bearerToken); 
            } else {
                // THIS DOESN'T THROW ERROR --------------------
                return Observable.throw('Valid token not returned');
            }
        })
        .catch( err => Observable.throw(this.logError(err) )
        .finally( () => console.log("Authentication done.") );
}

基本上就像您在代码中看到的那样，如果响应（res对象）不具有“ bearerToken”，我想抛出一个错误。因此，在我的订阅中，它进入了下面提到的第二个参数（handleError）。

.subscribe(success, handleError)

有什么建议么？

只需将错误抛出map()操作符即可。RxJS中的所有回调都包裹有try-catch块，因此它将被捕获，然后作为error通知发送。

这意味着您什么也不返回，只抛出错误：

map(res => { 
  if (res.bearerToken) {
    return this.saveJwt(res.bearerToken); 
  } else {
    throw new Error('Valid token not returned');
  }
})

在throwError()（前Observable.throw()中RxJS 5）可观察到的，只是发送error通知，但map()不关心你返回的内容。即使您从中返回一个Observablemap()也会作为next通知传递。

最后一件事，您可能不需要使用.catchError()（catch()RxJS 5中的前身）。如果在发生错误时需要执行任何副作用，则最好使用tap(null, err => console.log(err))（do()例如RxJS 5中的前者）。

2019年1月：已针对RxJS 6更新

如果您觉得throw new Error()好像不可观察，可以使用throwError(...)withswitchMap代替map（不同之处是switchMap返回一个新的可观察对象）：

// this is the import needed for throwError()
import { throwError } from 'rxjs';


// RxJS 6+ syntax
this.httpPost.pipe(switchMap(res => { 
   if (res.bearerToken) {
      return of(this.saveJwt(res.bearerToken)); 
   } 
   else {
      return throwError('Valid token not returned');  // this is 
   }
});

或更简而言之：

this.httpPost.pipe(switchMap(res => (res.bearerToken) ? 
                                    of(this.saveJwt(res.bearerToken)) : 
                                    throwError('Valid token not returned')
));

行为将是相同的，只是语法不同。

您的意思是说从管道中的http可观察变量“切换”到另一个可观察变量，它只是“包装”输出值，或者是新的“错误”可观察变量。

不要忘了放，of否则您会收到一些令人困惑的错误消息。

'switchMap'的优点还在于，如果需要，您可以返回一条全新的命令“链”-无论需要使用什么逻辑saveJwt。

即使已经回答了这个问题，我也想分享我自己的方法（即使与上面的方法略有不同）。

我会决定与映射分开返回什么，反之亦然。我不确定哪种运算符最适合此操作，所以我将使用tap。

this.httpPost.pipe(
  tap(res => { 
    if (!res.bearerToken) {
      throw new Error('Valid token not returned');
    }
  }),
  map(res => this.saveJwt(res.bearerToken)),
);