为什么 try {} .. catch() 不能与 async/await 函数一起使用？

Question

const errorTest = async() => { 

  const result = await $.get("http://dataa.fixer.io/api/latest?access_key=9790286e305d82fbde77cc1948cf847c&format=1");

  return result;

}


 try { 
  errorTest()
 }
 catch(err) { 
   console.log("OUTSIDE ERROR!" + err)
 }

该 URL 故意不正确以引发错误，但外部 catch() 它没有捕获它。为什么？

如果我改用then() 和catch()，它会起作用。

errorTest()
.then(val=> console.log(val))
.catch(err=> console.error("ERROR OCCURRED"))

这有效，但try {..} catch() 无效。为什么？

我不断收到Uncaught (in promise) error。

Answer 1

你需要等待errorTest

const callFunction=async()=>{
try{
const result = await errorTest()
}catch(err){
console.log(err)
}
}
callFunction ()

请注意，await errorTest() 函数也必须在异步函数中。这就是为什么我把它放在 callFunction() 里面

另一种选择

const errorTest = async() => { 
try{
const result = await $.get("http://dataa.fixer.io/api/latest?access_key=9790286e305d82fbde77cc1948cf847c&format=1");

  console.log(result)
}catch(err){
console.log(err)
}
}

Answer 2

async function errorTest() { /* ... */ }

try { 
  errorTest()
}
catch(err) { 
  console.log("OUTSIDE ERROR!" + err)
}

因为errorTest 是async，它会总是返回一个promise，并且永远不会在你调用它的地方开始执行：它是异步。 errorTest 返回，然后您退出 try 块，然后运行 ​​errorTest 中的一行代码。因此，您的 catch 块将永远不会触发，因为 errorTest 中的任何内容都不会同步抛出异常。

Promise 拒绝和异常是两种不同的失败渠道：Promise 拒绝是异步的，而异常是同步的。 async 会将同步异常 (throw) 转换为异步异常（承诺拒绝），否则这是两个完全不同的系统。

function errorTest() {
  return new Promise(/* ... */);  // nothing throws!
}

function errorTestSynchronous() {
  throw new Error(/* ... */);     // always throws synchronously
}

function errorTestMixed() {
  // throws synchronously 50% of the time, rejects 50% of the time,
  // and annoys developers 100% of the time
  if (Math.random() < 0.5) throw new Error();
  return new Promise((resolve, reject) => { reject(); });
}

在这里您可以看到各种形式的投掷。第一个 errorTest 与您的完全相同：async 函数的工作方式就像您已将代码重构为新的 Promise。第二个，errorTestSynchronous，同步抛出：它会触发你的catch 块，但是因为它是同步的，你已经失去了对其他异步操作做出反应的机会，比如你的$.get 调用。最后，errorTestMixed 可能会以两种方式失败：它可以抛出，也可以拒绝承诺。由于所有同步错误都可以异步处理，并且所有异步代码都应该有.catch() promise 链接以检测错误，因此在同一个函数中很少需要两种类型的错误。

---

在 Ayotunde Ajayi 的回答中，您可以通过使用 await 将异步错误转换为同步显示来解决此问题，因为 await 会将 Promise 失败解包回抛出的异常：

// within an async function
try { 
  await errorTest()
}
catch(err) { 
   console.log("OUTSIDE ERROR!" + err)
}

但在幕后，它将完全按照您在问题中的建议显示：

errorTest()
    .then(val=> console.log(val))
    .catch(err=> console.error("ERROR OCCURRED"))