TypeScript / Angular try catch,try块中的任何错误都不会捕获块

时间:2018-05-23 13:51:31

标签: javascript rxjs

我正在使用Angular和TypeScript。 在API调用的情况下,我使用了try catch构造来进行错误处理。 如果在try块中发生任何错误,它就不会捕获阻塞。 应用只在那里终止。

我也尝试过使用throw。 以下是示例代码段

try {

  this.api.getAPI(Id).subscribe( // this.api is my api service and getAPI is present there
    (data: any) => {
      if (data == null) {
        throw 'Empty response';
      }
    },
    (error: HttpErrorResponse) => {
      console.log(error);
    };

} catch(e) {
  console.log(e); 
}

在某些情况下,来自API的“数据”返回'null', 但扔掉不会阻挡 另外,在没有抛出的情况下尝试,它为'数据'提供了空错误......在这种情况下也不会阻止阻塞。

1 个答案:

答案 0 :(得分:10)

try/catch无法捕获传递给subscribe(或then,或setTimeout或其他任何内容的回调)的回调中的任何内容或“微任务”。您必须在发生任务时捕获错误。

如果我理解错误发生时你想要做什么,我可以建议更好的选择。如果你真正想做的就是记录它,你当然可以在检查null之后立即这样做。

您可以考虑在使用observable之前映射observable,并在null的情况下在observable上发出错误,例如:

const checkedData = this.api.getAPI(Id).pipe(map(data => {
  if (data === null) return throwError("null data");
  return data;
});

现在您可以订阅

checkedData.subscribe(
  data => /* do something with data */,
  console.error
);

注意:throwError是rxjs6。对于rxjs5,它将是return ErrorObservable("null data")(我认为)。