时间戳

首页 > 解决方案 > 使用 .catch 代替 try/catch 块

javascript - 使用 .catch 代替 try/catch 块

问题描述

try/catch在发送如下请求时，而不是使用传统的方法来处理错误

let body;
try {
    const response = await sendRequest(
        "POST",
        "/api/AccountApi/RefundGetStatus",
        JSON.stringify(refundParams),
        undefined,
        headers
    );
    body = response.body;
} catch (error) {
    log("error", "An error occurred sending a request", { error });
    throw createError("An error has occurred", DefaultErrors.API_ERROR);
}

我在想是否可以像下面这样重写错误处理来实现相同的结果。

const response = await sendRequest(
    "POST",
    "/api/AccountApi/RefundGetStatus",
    JSON.stringify(refundParams),
    undefined,
    headers
).catch((err: any) => {
    log("error", "An error occurred sending a request", { err });
    throw createError("An error has occurred", DefaultErrors.API_ERROR);
});

上面的代码块是否能够处理未定义的错误，也许还有JSON.parse错误？

标签： javascripttypescripterror-handling

解决方案

你可以同时使用

try { 
  await sendRequest()
} catch (err) {
  // do something
}

或者

sendRequest().catch(err => { // do something})

捕捉错误。

下面是一个简单的示例，您可以将其粘贴到typescript playgound中尝试一下。

const sendRequest = (str: string) => {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      console.log('get response');
      reject('error message');
    }, 2000)
  })
}

const test1 = async ()=> {
  try{
    await sendRequest('data');
  } catch (err) {
    // will print 'err===> error message'
    console.log('err===>', err)
  }
}

const test2 = async ()=> {
  sendRequest('data').catch(err => {
    // will print 'err===> error message'
    console.log('err=====>', err)
  })
}

test1();
test2();

test1() 和 test2() 都会捕获错误。

推荐阅读