本文旨在深入探讨JavaScript中async/await与同步函数抛出错误时的行为差异。我们将分析当一个非async函数在被await调用时抛出错误、返回普通值或返回拒绝的Promise时，await操作符如何响应，以及这如何影响代码的执行顺序。核心在于理解await仅在接收到Promise或可转换为Promise的值时才触发异步暂停，而同步错误则会立即中断执行并被捕获。
async/await 的基本工作原理
在深入探讨特定场景之前，首先回顾async/await的核心机制。async函数总是返回一个Promise。await操作符用于暂停async函数的执行，直到其右侧的Promise被解决（resolved）或拒绝（rejected）。如果await表达式右侧不是一个Promise，JavaScript会将其隐式地转换为一个已解决的Promise（即Promise.resolve(value)），然后等待该Promise。
场景分析：同步函数在 await 内部抛出错误
考虑以下三种不同的closure函数行为，它们被一个async函数load内部的await调用：
async function load(closure) { try { await closure(); // 关键点：await操作符对closure()结果的处理 } catch (error) { console.log("error"); } finally { console.log("finished"); }}console.log("hello - 外部代码开始");// 示例1: closure 是一个 async 函数并抛出错误console.log("n--- 示例1: async closure 抛出错误 ---");load(async () => { throw new Error("Async closure error");});console.log("hello - 外部代码继续 (示例1)");// 示例2: closure 是一个同步函数并抛出错误console.log("n--- 示例2: 同步 closure 抛出错误 ---");load(() => { throw new Error("Sync closure error");});console.log("hello - 外部代码继续 (示例2)");// 示例3: closure 是一个同步函数并返回一个值console.log("n--- 示例3: 同步 closure 返回值 ---");load(() => { return 1;});console.log("hello - 外部代码继续 (示例3)");// 示例4: closure 是一个同步函数并返回一个拒绝的 Promiseconsole.log("n--- 示例4: 同步 closure 返回拒绝的 Promise ---");load(() => { return Promise.reject("Rejected Promise");});console.log("hello - 外部代码继续 (示例4)");
运行上述代码，观察其输出顺序：
hello - 外部代码开始--- 示例1: async closure 抛出错误 ---hello - 外部代码继续 (示例1)errorfinished--- 示例2: 同步 closure 抛出错误 ---errorfinishedhello - 外部代码继续 (示例2)--- 示例3: 同步 closure 返回值 ---hello - 外部代码继续 (示例3)finished--- 示例4: 同步 closure 返回拒绝的 Promise ---hello - 外部代码继续 (示例4)errorfinished
让我们逐一分析这些输出，理解await的行为：
立即学习“Java免费学习笔记（深入）”；
1. async 函数内部抛出错误 (await asyncFn())
当closure本身是一个async函数时，它总是返回一个Promise。即使它内部抛出错误，这个错误也会被Promise机制捕获并转化为一个被拒绝的Promise。
// 示例1 解释load(async () => { throw new Error("Async closure error");});
在这种情况下，await closure()接收到一个被拒绝的Promise。await操作符会暂停load函数的执行，并将该Promise的拒绝值传递给load函数内部的try-catch块。由于load函数暂停了，外部的console.log(“hello – 外部代码继续 (示例1)”)会立即执行。只有当下一个事件循环周期到来时，load函数才会恢复执行，捕获错误并打印error和finished。
输出顺序：
hello – 外部代码开始— 示例1: async closure 抛出错误 —hello – 外部代码继续 (示例1) (因为load函数被await暂停)error (从load的catch块)finished (从load的finally块)
2. 同步函数内部抛出错误 (await syncFnThrowsError())
这是最容易混淆的场景。当closure是一个同步函数，并且它在执行过程中同步抛出错误时，await操作符实际上没有机会对其结果进行处理。
// 示例2 解释load(() => { throw new Error("Sync closure error");});
在await closure()这一行，closure()会立即执行。由于它是一个同步函数，并且同步抛出了一个错误，这个错误会沿着调用栈立即向上冒泡，直到被最近的try-catch块捕获。在这个例子中，load函数内部的try-catch块会立即捕获到这个错误。这意味着await操作符没有机会接收到任何值（无论是Promise还是普通值）来执行其暂停行为。因此，load函数会同步地完成其try-catch-finally块，然后才将控制权返回给外部调用栈。
输出顺序：
hello – 外部代码开始— 示例2: 同步 closure 抛出错误 —error (立即从load的catch块)finished (立即从load的finally块)hello – 外部代码继续 (示例2) (因为load函数同步执行完毕)
3. 同步函数返回一个值 (await syncFnReturnsValue())
当closure是一个同步函数，并且它返回一个非Promise的值时，await操作符会将其隐式地转换为一个已解决的Promise (Promise.resolve(1))。
// 示例3 解释load(() => { return 1;});
在这种情况下，await Promise.resolve(1)会暂停load函数的执行，将其放入微任务队列。因此，外部的console.log(“hello – 外部代码继续 (示例3)”)会先执行。当下一个事件循环周期到来时，load函数会恢复执行，因为Promise已解决，它会跳过catch块，直接执行finally块。
输出顺序：
hello – 外部代码开始— 示例3: 同步 closure 返回值 —hello – 外部代码继续 (示例3) (因为load函数被await暂停)finished (从load的finally块)
4. 同步函数返回一个拒绝的Promise (await syncFnReturnsRejectedPromise())
当closure是一个同步函数，但它返回一个被拒绝的Promise时，await操作符会直接接收到这个被拒绝的Promise。
// 示例4 解释load(() => { return Promise.reject("Rejected Promise");});
这与示例1（async函数抛出错误）的行为类似。await操作符会暂停load函数的执行，并将该Promise的拒绝值传递给load函数内部的try-catch块。外部的console.log(“hello – 外部代码继续 (示例4)”)会先执行。当下一个事件循环周期到来时，load函数才会恢复执行，捕获错误并打印error和finished。
输出顺序：
hello – 外部代码开始— 示例4: 同步 closure 返回拒绝的 Promise —hello – 外部代码继续 (示例4) (因为load函数被await暂停)error (从load的catch块)finished (从load的finally块)
总结与注意事项
从上述分析可以看出，await操作符的异步暂停行为，取决于其右侧表达式的最终结果是否是一个Promise（或可转换为Promise的值），以及这个结果是如何产生的。
同步抛出的错误： 如果被await调用的函数是同步的，并且在执行过程中同步抛出错误，那么这个错误会立即向上冒泡，await根本没有机会处理任何值，也因此不会触发异步暂停。async函数会表现出同步捕获错误的行为。
function syncFnThrows() { throw new Error("Synchronous error");}async function process() { try { await syncFnThrows(); // 错误在此处同步抛出并被捕获 } catch (e) { console.error("同步错误被捕获，await未暂停"); } console.log("process函数执行完毕");}process();console.log("外部代码继续");// 输出：// 同步错误被捕获，await未暂停// process函数执行完毕// 外部代码继续
返回Promise或可转换为Promise的值： 如果被await调用的函数返回一个Promise（无论是已解决还是已拒绝），或者返回一个普通值（会被隐式转换为Promise.resolve(value)），那么await操作符会暂停当前async函数的执行，将其放入微任务队列，从而允许事件循环继续处理其他任务。
function syncFnReturnsRejectedPromise() { return Promise.reject("Rejected Promise");}async function processPromise() { try { await syncFnReturnsRejectedPromise(); // await接收到Promise，暂停 } catch (e) { console.error("Promise拒绝被捕获，await已暂停"); } console.log("processPromise函数执行完毕");}processPromise();console.log("外部代码继续");// 输出：// 外部代码继续// Promise拒绝被捕获，await已暂停// processPromise函数执行完毕
关键点： await关键字的“暂停”效果，只在它成功接收到一个Promise（或一个值并将其转换为Promise）时才发生。如果其右侧的表达式在求值过程中就同步地抛出了错误，那么这个错误会立即传播，await的异步特性便不会被触发。理解这一点对于编写健壮且行为可预测的异步JavaScript代码至关重要。
以上就是深入理解JavaScript async/await 中的同步错误处理机制的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1510361.html
微信扫一扫 
支付宝扫一扫 
