如何使用 JS 承诺捕获异步错误？

Question

是否可以使用 ES6 .catch 的 Promise 语法来捕获异步错误？例如，以下内容不起作用（.catch 无法捕获错误）：

new Promise((resolve, reject)=>{
    setTimeout(()=>{throw new Error("uh oh")}, 1);
}).then(number=>{
    console.log("Number: " + number);
}).catch(e=>{
    console.log("Error: " + e);
});

但是这个同步版本可以：

new Promise((resolve, reject)=>{
    throw new Error("uh oh");
}).then(number=>{
    console.log("Number: " + number);
}).catch(e=>{
    console.log("Error: " + e);
});

使用 try/catch 块并 rejecting 捕获错误是唯一的解决方案吗？

new Promise((resolve, reject)=>{
    try {
        setTimeout(()=>{throw new Error("uh oh")}, 1);
    }
    catch(e) {
        reject(e);
    }
}).then(number=>{
    console.log("Number: " + number);
}).catch(e=>{
    console.log("Error: " + e);
});

为了这个问题，假设抛出错误的代码部分在另一个命名函数中，因此它无权访问reject 函数。

谢谢！！

编辑：Here is a more complete example of what I'd like to do, in JSFiddle.

Answer 1

在Promise 构造函数中使用resolve()、reject()。在onRejected 或.catch() 处理错误。

注意，一旦错误被处理，onFulfilled at chained .then()，如果有的话，应该到达，除非throw在onRejected或.catch()中被使用，显式地将错误传递给链接.then(_, onRejected)或.catch()

function fn() {
  throw new Error("uh oh")
}

new Promise((resolve, reject) => {
  setTimeout(() => {
    try {
      resolve(fn())
    } catch (e) {
      reject(e)
    }
  }, 1);
}).then(number => {
  console.log("Number: " + number);
}, e => {
  console.log("Error: " + e);
});

Answer 2

“为了这个问题，假设抛出错误的代码部分在另一个命名函数中，因此它无权访问拒绝函数。” – Christopher斯洛巴

“这个（在你的代码中不存在）函数返回一个 Promise 吗？” – Jaromanda X

“是的，另一个函数正常返回一个 Promise，但是因为该函数内部的异步函数抛出了一个错误，所以整个函数都抛出了一个错误。” ——克里斯托弗·施罗巴

下次发布您的代码，因为您用英语描述问题的能力永远不会像实际代码那样好。 “异步函数”是指返回承诺的函数吗？如果是这样……

---

无论你的 Promise 中的错误有多深。这是一个示例函数three，它调用了一个函数two，它调用了一个函数one，如果JSON 形成不良，它有可能引发错误。每一步都会对最终计算做出有价值的贡献，但如果 one 抛出错误，它将在整个 Promise 链中冒泡。

const one = (json) => new Promise((resolve, reject) => {
  resolve(JSON.parse(json))
})

const two = (json) => one(json).then(data => data.hello)

const three = (json) => two(json).then(hello => hello.toUpperCase())

three('{"hello":"world"}').then(console.log, console.error)
// "WORLD"

three('bad json').then(console.log, console.error)
// Error: unexpected token b in JSON at position 0

---

否则，“异步函数”是指它是一个不返回 Promise 并且可能使用延续代替的函数？在这种情况下，我们将修改one 以将异步函数包装在一个promise 中，然后two 和three 将工作相同。重要的是，我确实没有在我的任何 Promise 函数中使用 try/catch

// continuation passing style async function
const asyncParse = (json, k) => {
  try {
    k(null, JSON.parse(json))
  }
  catch (err) {
    k(err)
  }
}

// one now wraps asyncParse in a promise
const one = (json) => new Promise((resolve, reject) => {
  asyncParse(json, (err, data) => {
    if (err)
      reject(err)
    else
      resolve(data)
  })
})

// everything below stays the same
const two = (json) => one(json).then(data => data.hello)

const three = (json) => two(json).then(hello => hello.toUpperCase())

three('{"hello":"world"}').then(console.log, console.error)
// "WORLD"

three('bad json').then(console.log, console.error)
// Error: unexpected token b in JSON at position 0
  

---

哦，如果你有一个函数f，它不能以这两种方式中的任何一种方式运行——即抛出错误但不返回承诺或将错误发送到延续的函数——你是处理一块垃圾，你编写的代码依赖于f 也将是垃圾。

Answer 3

没有办法像您的第一个示例那样捕获引发的错误。这里的问题是您使用的是 Explicit Promise Construction Antipattern。您正试图让 Promise 构造函数做的比它需要做的更多。

相反，您应该承诺最少 数量的异步功能，并在此基础上进行构建。在这种情况下，这将涉及产生一个在解决之前等待一定时间的承诺。大多数第 3 方承诺库已经有一个 .delay() 方法，但创建自己的方法非常容易：

let delay = duration => new Promise(resolve => setTimeout(resolve, duration));

然后您可以在此基础上构建，并轻松捕获错误：

let delay = duration => new Promise(resolve => setTimeout(resolve, duration));

delay(1)
  .then(() => {
    throw new Error("uh oh");
  })
  .then(number => {
    console.log("Number: " + number);
  }).catch(e => {
    console.log("Error: " + e);
  });