在RxJS中，错误回调和.catch（）有什么区别？

Question

如果我有如下代码：

const d: any = {};

return this.http.post(url, body, httpOptions).map(data => {
  return d;
}, error => {
  console.error('error');
})
.catch((err, d$) => {
  return Observable.of(d);
});

，以及是否存在任何错误，即POST请求失败或.map()成功回调中存在某种错误，或任何其他类型的错误。

两个错误处理程序中的哪个将在.map()或.catch()回调上被调用错误回调？是否取决于可能发生的错误的类型？

由于.map()运算符的存在，是否总是会跳过.catch()上的错误回调？

Answer 1

在您的示例中，如果发生错误，则将调用catch。此外，map运算符没有第二个参数，因此永远不会调用该函数。如果订阅上有错误处理程序，则在发生未处理的异常时将调用回调。 catchError运算符是一种处理错误的方法。基本上，它是switchMap切换到新的可观察流。

示例：

订阅错误处理程序（Demo）

return throwError('This is an error!').subscribe(data => {
  console.log("Got Data: ", data);
}, error => {
  console.error('error', error); // Observable stream has error so this prints
});

捕获错误（Demo）

return throwError('This is an error!').pipe(
  catchError(error => {
    console.log("Error Caught", error);
    return of(2); // Catches the error and continues the stream with a value of 2
  }),
).subscribe(data => {
  console.log("Got Data: ", data); // Data will be logged
}, error => {
  console.error('error', error); // Will not be called
});

捕获错误并重新抛出（Demo）

return throwError('This is an error!').pipe(
  catchError(error => {
    console.log("Error Caught", error);
    return throwError(error); // Catches the error and re-throws
  }),
).subscribe(data => {
  console.log("Got Data: ", data);
}, error => {
  console.error('error', error); // Observable stream has error so this prints
});

Answer 2

说实话-我从未见过这样的语法，我认为它是错误的：

.map(data => {
  return d;
}, error => {

error是三个Observable的subscribe()方法回调之一。它会触发一次-如果发生错误。但是 Rxjs catch运算符会返回 Observable 。那就是主要区别-您可以在其上继续播放视频。