Promise 是 JavaScript 中处理异步操作的重要工具之一，它可以帮助我们更好地组织异步代码，避免回调地狱。但是，在 Promise 的内部，如果出现了错误，我们该如何处理它呢？在 ES8 中，有一个新的特性可以帮助我们优雅地解决 Promise 内部错误抛出的问题。
Promise 的错误处理
在 Promise 中，如果出现了错误，我们通常会使用 reject 方法将错误信息传递给 catch 方法，如下所示：
new Promise((resolve, reject) => {
// 异步操作
// 如果出现错误，调用 reject 方法
reject(new Error('出错了'))
}).catch(error => {
console.log(error.message)
})这种方式可以很好地处理 Promise 内部的错误，但是如果我们在 then 方法中继续执行异步操作，如果出现错误，就无法通过 catch 方法捕获了，如下所示：
// javascriptcn.com 代码示例
new Promise((resolve, reject) => {
// 异步操作
resolve('结果')
}).then(result => {
// 继续执行异步操作
return new Promise((resolve, reject) => {
// 异步操作
reject(new Error('出错了'))
})
}).catch(error => {
console.log(error.message)
})在上面的代码中，第二个 Promise 对象中的 reject 方法抛出了一个错误，但是这个错误无法被 catch 方法捕获，因为它发生在 then 方法中的异步操作中。这种情况下，我们通常需要手动在 then 方法中添加一个 catch 方法来捕获错误，如下所示：
// javascriptcn.com 代码示例
new Promise((resolve, reject) => {
// 异步操作
resolve('结果')
}).then(result => {
// 继续执行异步操作
return new Promise((resolve, reject) => {
// 异步操作
reject(new Error('出错了'))
}).catch(error => {
// 手动捕获错误
throw error
})
}).catch(error => {
console.log(error.message)
})这种方式虽然可以解决问题，但是会使代码变得冗长，而且容易出错。在 ES8 中，我们可以使用 async/await 特性来优雅地解决这个问题。
async/await 的错误处理
async/await 是 ES8 中新增的一个特性，它可以让我们以同步的方式编写异步代码。在使用 async/await 时，我们可以使用 try/catch 语句来捕获 Promise 内部的错误，如下所示：
// javascriptcn.com 代码示例
async function foo() {
try {
const result1 = await new Promise((resolve, reject) => {
// 异步操作
resolve('结果1')
})
const result2 = await new Promise((resolve, reject) => {
// 异步操作
reject(new Error('出错了'))
})
} catch (error) {
console.log(error.message)
}
}
foo()在上面的代码中，我们使用 async 函数来包装异步操作，使用 try/catch 语句来捕获错误。在 async 函数中，我们可以像写同步代码一样使用 await 关键字来等待 Promise 对象的结果，如果 Promise 对象抛出了错误，就会被 catch 语句捕获。
使用 async/await 可以让我们更加优雅地解决 Promise 内部错误抛出的问题，而且代码也更加简洁易懂。
总结
在本文中，我们介绍了 ES8 中如何优雅地解决 Promise 内部错误抛出的问题。我们首先介绍了 Promise 的错误处理方式，然后介绍了 async/await 的错误处理方式，并且给出了示例代码。使用 async/await 可以让我们更加优雅地处理 Promise 内部的错误，而且代码也更加简洁易懂。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65521fbbd2f5e1655dbda45c