如何使用 ES7 中的 async/await 优化 Promise.reject 处理
在前端开发中，异步操作是很常见的场景。对于异步代码的处理，我们一般使用 Promise 或者回调函数。Promise 通过解决回调地狱的问题，成为了处理异步代码的标准之一。而在 ES7 中，有了 async/await，使得异步代码的处理更加优雅和方便。
在使用 Promise 进行异步操作时，我们一般会使用 then 和 catch 函数来处理返回结果或者异常情况。但有时我们需要在异步操作失败时，直接返回一个 reject 的 Promise 对象，这时我们可以使用 Promise.reject 函数。然而这种方式需要嵌套一个 then 函数来获取 reject 的值，使得代码变得不够简洁和易读。下面将介绍如何使用 async/await 来简化这种操作。
首先简单介绍一下 async 和 await 的用法：
async function functionName() { await someAsyncFunction() }
async 表示将会返回一个 Promise 对象，而 await 用于等待一个 Promise 对象的结果。
接下来看一个使用 Promise.reject 函数的例子：
function foo() { return Promise.reject(new Error("some error")) }
foo().then((result) => { console.log(result) }).catch((err) => { console.error(err) })
在 Promise.reject 函数中生成了一个错误对象，并使用 catch 函数捕获这个错误对象。此时用 async/await 重写代码：
async function foo() { throw new Error("some error") }
try { await foo() } catch (err) { console.error(err) }
在重写后的代码中，使用了 async 和 await 来处理异常情况，使得代码更加易读和简洁。async 函数将返回一个 Promise 对象，而 await 需要放在 try/catch 块中去捕获异常情况。
总结：
使用 async/await 可以很好地优化 Promise.reject 的处理，并使得代码更加易读和清晰。在编写异步代码时，应当优先考虑使用 async/await 来处理异步操作。下面是重写后的完整代码示例：
原代码：
function foo() { return Promise.reject(new Error("some error")) }
foo().then((result) => { console.log(result) }).catch((err) => { console.error(err) })
重写后的代码：
async function foo() { throw new Error("some error") }
try { await foo() } catch (err) { console.error(err) }
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6492d66a48841e98940a28ab