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

Question

是否可以使用promises的ES6.catch语法捕获异步错误？例如，以下操作不起作用（.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块和reject清除catch中的错误是执行以下操作的唯一解决方案吗？

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函数的权限。

谢谢

编辑：这里有一个更完整的示例，说明我想在JSFIDLE中做什么。

Answer 1

"对于这个问题，假设抛出错误的代码部分在另一个命名的函数中，所以它不能访问拒绝函数。"-克里斯多夫·什罗巴

"这个（在你的代码中不存在）函数会返回一个promise吗？"-贾芳兰达X

“是的，另一个函数通常返回一个promise，但由于该函数中的异步函数正在抛出错误，所以整个函数正在抛出错误。”–Christopher Shroba

好吧，下次发布你的代码，因为你用英语描述问题的能力永远不会像实际代码那么好。“异步函数”是指返回promise的函数吗？如果是的话。。。

不管你的promise中有多大的错误。下面是一个示例函数three，它调用一个函数two，该函数调用一个函数one，如果JSON格式不正确，则可能引发错误。每一步都对最终的计算做出了有价值的贡献，但是如果one抛出一个错误，它将在整个promise链中冒泡。

js prettyprint-override">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

Answer 2

没有一种方法可以像第一个示例那样捕获抛出的错误。这里的问题是，您正在使用显式promise构造反模式。您正试图让Promise构造函数完成超出其需要的工作。

相反，您应该promise最少的异步功能，并在此基础上构建。在本例中，这将涉及生成一个promise，在解析之前等待一定时间。大多数第三方promise库已经有了.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);
  });

Answer 3

在Promise构造函数中使用resolve（），reject（）。在onRejected或.catch（）处处理错误。

注意，一旦处理了错误，应到达chained处的oncompleted。然后（），如果有，除非throw在onRejected或.catch（）中使用throw，以明确地将错误传递给chained。然后（\uu，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);
});