JavaScript await 行为深度解析：同步异常与异步流程控制

论文探讨了JavaScript中async/await的核心机制，特别关注await对同步发送异常和异步值的不同处理方式。我们将解析await如何将操作数转换为Promise，以及当非async函数在Promise创建前发送错误时返回，为何await不会暂停执行，从而揭示await内部的同步与异步流转逻辑，帮助开发者更准确地理解await和异步控制代码。的核心机制：Promise化

await关键字是javascript异步编程中的强大工具，它允许我们同步的编写异步代码。然而，await的行为并不总是注意的转换，尤其是在处理同步抛出的错误时。理解其核心机制是关键：await总是尝试将其操作数据作为一个promise。根据mdn文档，await表达式的行为类似于promise.resolve(expression)，它会等待这个promise解决方案（无论是）

这意味着，await在成功反转操作数“包装”成一个Promise 之后，会暂停当前异步函数的执行。如果这里之前发生了错误，那么await机制可能就不会按预期触发。场景一：非异步函数同步发送异常

当await的操作数是一个普通的（非异步）函数，并且这个函数在执行过程中立即发送错误时，await的暂停行为将不会发生。

示例代码：async function load(closure) { try { // 尝试等待关闭的结果await closure()； } catch (error) { console.log(quot；加载函数中捕获到错误quot；)； } finally { console.log(quot；finally 块执行quot；)； }}console.log(quot；--- 场景一：非异步函数同步抛出错 ---quot；)；load(() =gt； { throw new Error(quot；闭包同步错误quot；)； // 闭包立即抛出错误})；console.log(quot；hello from global scopequot；)；后复制

预期输出：

立即学习“Java免费学习笔记（深入）”；---场景一：非async函数同步抛出错 ---error catch in load functionfinally blockexecutehello from globalscope登录后复制：

行为解析：

这里场景中，closure()是一个同步函数，它在执行时立即抛出了一个错误。这个错误发生在await能够将closure()的返回值（如果closure返回了值的话）包装成Promise之前。

由于closure()根本没有返回任何值，也没有机会形成一个Promise，await显然没有接收到任何Promise来等待。因此，load函数的执行流程没有被暂停，错误被try...catch块同步完成，最后块也同步回到执行。另外，控制流立即事件循环，console.log("hello from global scope")在load函数之前的微任务队列被调度执行。例子二：非异步函数同步返回一个值

如果await的操作数是一个普通的（非异步）函数，并且这个函数同步返回一个值，await的暂停行为会按预期发生。

示例代码：async function load(closure) { try { wait opening()； //closure 同步返回一个值 } catch (error) { console.log(quot；加载函数中捕获到错误quot；)； } finally { console.log(quot；finally block executequot；)； }}console.log(quot；\n--- 场景二：非 async 函数同步返回值 ---quot；)；load(() =gt； { return 1； //closure 返回一个值})；console.log(quot；hello from globalscopequot；)；登录后复制

预期输出学习：

立即输出学习“Java免费学习笔记（深入）”；---场景二：非异步函数同步返回值 ---hello from globalscopefinally 块执行登录后复制解析：

当closure()返回同步一个值 1 时，await 粘贴这个值通过 Promise.resolve(1) 隐式地转换为一个已解决的 Promise。此时，await 会暂停加载函数的执行，把加载函数中的 wait 之后的所有代码（包括最后块）放入微任务队列。因此，主线程的 console.log("hello from global scope") 会执行之后，才立即轮到微任务队列中的 finally 块执行。三：异步函数或返回 承诺 的函数抛出/拒绝

async函数总是返回一个Promise。即使它内部抛出错误，这个错误也会导致它返回一个被拒绝的Promise。同样，如果一个普通函数显式地返回一个被拒绝的Promise，等待另外处理它。

示例代码：async function load(closure) { try { wait opening()； //closure 是 async 函数或返回 Promise 的函数 } catch (error) { console.log(quot；加载函数中捕获到错误quot；)； } finally { console.log(quot；finally blockexecutequot；)； }}console.log(quot；\n--- 场景三：async 函数抛出错误 ---quot；)；load(async () =gt； { throw new Error(quot；异步闭包的异步错误quot；)； // async函数抛出错误})；console.log(quot；hello from global scopequot；)；console.log(quot；\n--- 场景四：同步函数返回rejected Promise ---quot；)；load(() =gt； { return Promise.reject(quot；手动拒绝Promisequot；)； // 同步函数返回一个被拒绝的 Promise})；console.log(quot；hello from global scopequot；)；登录后复制

预期预测：

立即学习“Java免费学习笔记（深入）”；--- 场景三：async函数抛出错 ---hello from global scopeerror catch in load functionfinally blockexecute--- 四场景：同步函数返回rejected Promise ---hello from global scopeerror catch in load functionfinally block执行登录后复制

行为解析：

无论是async函数内部抛出错误（导致返回一个被拒绝的Promise），还是普通函数显式解决返回一个Promise.reject()，await接收到的都是一个Promise。在这种情况下，await会等待这个Promise的状态确定（是拒绝还是拒绝），并暂停当前异步其函数的执行。，因此主线程的console.log("hello from全局范围") 仍然会先执行，然后await后面的catch块和finally 块将在微任务队列中被调度执行。总结与注意事项

通过以上分析，我们可以得出以下关键点：await 的核心规则：await 唯一在操作数是一个 Promise（或能被 Promise.resolve() 转换为 Promise）时，就会暂停当前异步函数的执行。

同步错误 vs 异步错误处理：当一个非 async 函数在过程中立即触发错误，且这个错误发生在任何值被返回或 Promise 被创建之前，await 机制不会被触发，async 函数不会暂停，错误会被同步结果。这种情况下，await 表达式实际上从来没有机会“等待”任何东西。当一个函数（是 async 函数执行还是返回 Promise 的普通函数）返回一个Promise（无论是解决的还是拒绝的），await 等待这个 Promise 的解决，并暂停当前异步函数的执行，将后续代码放入微任务队列。执行顺序：理解 JavaScript 的事件循环和微任务队列对于预测 async/await 的执行顺序至关重要。await 导致的暂停后续代码推迟到当前宏任务执行完毕之后的下一个微任务队列代码。健壮性： 在编写异步代码时，应明确地知道所调用的函数是同步的还是异步的，它们在同步情况下可能以及推送错误。这有助于避免意外的同步行为，并确保错误处理逻辑能够按预期工作。特别是在处理可能同步也可能异步执行的第三方回调函数时，需要注意这些细节。

理解这些重要性对于编写健壮、可预测的异步JavaScript代码关键。

以上就是JavaScript等待行为深度解析：同步异常与异步流程控制的详细内容，更多请关注乐哥常识网其他文章！