本文深入探讨了 JavaScript 中 async/await 关键字在处理同步错误和异步拒绝时的行为差异。核心在于 await 仅在接收到 Promise 或可转换为 Promise 的值时才触发异步暂停。当一个非异步函数在返回前同步抛出错误时，await 无法介入，导致行为表现为同步。文章通过具体示例代码，详细解析了不同场景下 await 的执行逻辑，并提供了相应的最佳实践。
在 JavaScript 异步编程中，async/await 语法极大地简化了基于 Promise 的异步操作。然而，在某些特定场景下，其行为可能与直觉不符，尤其是在涉及错误处理时。理解 await 的底层机制，特别是它如何处理同步抛出的错误，对于编写健壮的异步代码至关重要。
async/await 的基本工作原理
首先，回顾 async 函数和 await 表达式的基础。async 函数总是返回一个 Promise。await 关键字只能在 async 函数内部使用，它会暂停 async 函数的执行，直到其操作数（一个 Promise）被解决（resolved）或拒绝（rejected）。根据 MDN 文档，await 表达式的操作数会通过 Promise.resolve() 的方式被解析：它总是被转换为一个原生的 Promise，然后才被 await。这意味着，即使 await 后面的表达式不是一个 Promise，它也会被隐式地包装成一个已解决的 Promise。
await 行为的边界：同步抛错的特殊性
我们通过以下几个示例来深入探讨 await 在不同错误处理场景下的行为差异。
场景一：异步函数内部抛出错误
当 await 操作一个由 async 函数返回的 Promise，即使该 async 函数内部抛出错误，await 也会以异步方式处理。这是因为 async 函数在抛出错误时，会隐式地返回一个被拒绝的 Promise。
立即学习“Java免费学习笔记（深入）”；
挖错网
一款支持文本、图片、视频纠错和AIGC检测的内容审核校对平台。
28 查看详情
async function load(closure) { try { await closure(); } catch (error) { console.log("error"); } finally { console.log("finished"); }}// 示例 1: closure 是一个 async 函数，抛出错误load(async () => { throw new Error("Async error");});console.log("hello");
输出：
helloerrorfinished
解析：在这个例子中，closure 是一个 async 函数。当它执行 throw new Error() 时，closure 函数会返回一个被拒绝的 Promise。load 函数中的 await closure() 接收到这个被拒绝的 Promise 后，会暂停 load 函数的执行，并将控制权交回事件循环。因此，console.log(“hello”) 会立即执行。在下一个事件循环周期，await 捕获到 closure Promise 的拒绝，执行 catch 块，然后是 finally 块。
场景二：非异步函数同步抛出错误
这是导致行为差异的关键场景。当 await 操作一个非异步函数，且该函数在返回任何值（包括 Promise）之前就同步抛出了错误，await 将无法介入。
async function load(closure) { try { await closure(); // 这里的 await 行为是关键 } catch (error) { console.log("error"); } finally { console.log("finished"); }}// 示例 2: closure 是一个普通函数，同步抛出错误load(() => { throw new Error("Synchronous error");});console.log("hello");
输出：
errorfinishedhello
解析：在这个例子中，closure 是一个普通的同步函数。当 load 函数内部调用 closure() 时，closure() 会立即执行 throw new Error()。这个错误是在 await 表达式有机会将 closure() 的返回值（如果它有返回值的话）转换为 Promise 之前 同步发生的。因此，await 根本没有机会接收到任何 Promise 来进行异步暂停。错误会立即沿着调用栈向上冒泡，被 load 函数的 try…catch 块捕获。整个 try…catch…finally 流程都是同步完成的，然后 load 函数才返回。此时，console.log(“hello”) 才会执行。
场景三：非异步函数同步返回值
为了进一步对比，我们看一个非异步函数返回一个值的例子。
async function load(closure) { try { await closure(); // 1 会被 Promise.resolve(1) 转换为已解决的 Promise } catch (error) { console.log("error"); // 不会执行 } finally { console.log("
以上就是深入理解 JavaScript async/await：同步抛错与异步行为的边界的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/249939.html
微信扫一扫 
支付宝扫一扫 
