javascript await loop javascript await

论文深入探讨了JavaScript中await关键字在处理非异步函数的执行结果转换为Pro时。错误，导致异常被立即捕获，而不会像处理Promise那样将后续代码延迟到下一个事件循环。通过文章具体示例详细解析了这种“同步”表现背后的原理，并对比了其他异步场景，旨在帮助开发者更准确地理解await的工作机制。 机制概述

在javascript中，await关键字只能在async函数内部使用，它用于暂停async函数的执行，直到其后面的promise被解决（resolved）或拒绝（rejected）。mdn文档指出处，await表达式将其操作数以与promise.resolve()相同的方式进行处理：它总是被转换为一个初始的promise，然后被等待。这意味着：如果await后面是一个Promise，它会等待该Promise的状态变化。如果await后面是一个非Promise值（如数字、字符串、对象等），该值会被Promise.resolve()包装成一个已解决的Promise，然后await会立即获取其值。如果await后面是一个同步抛出出错误的表达，那么错误会在Promise被创建之前发生，await的行为将与预期有所不同。行为分析与示例

为了更好地理解await在不同场景中接下来的行为，我们通过以下几个例子进行深入分析。一：await 异步函数并发送异常

当await一个本身是async的函数，并且该函数内部发送异常时，其行为符合异步预期。async function load(closure) { try { wait opening()； //closure 是一个async函数 } catch (error) { console.log(quot；errorquot；)； } finally { console.log(quot；finishedquot；)； }}// 示例 1：closure 是一个async函数load(async () =gt； { throw new Error(quot；Async errorquot；)；})；console.log(quot；helloquot；)；登录后复制

输出：helloerrorfinished登录后复制登录后复制

解释：在这个例子中，closure本身就是一个async函数。当async函数内部发送错误时，它会返回一个被拒绝的Promise。await closure()会等待这个被拒绝的Promise，从而暂停load函数的执行。因此，console.log("hello")会先执行，然后load函数捕获到错误并执行error并完成。这是await的典型异步行为。场景二：await异步函数并发送同步异常

这是最核心的场景，也是导致“同步”行为的原因。当await一个非async函数，且该函数在执行时立即发送异常，await机制将无法介入其Promise转换过程。

立即学习“Java免费学习笔记（深入）”；async function load(closure) { try { wait opening()； //closure 是一个普通函数，同步发送错误 } catch (error) { console.log(quot；errorquot；)； } finally { console.log(quot；finishedquot；)； }}// 输出 2：closure 是一个普通函数，同步发送错误load(() =gt； { throw new Error(quot；Sync) errorquot；)；})；console.log(quot；helloquot；)；登录后复制

输出：errorfinishedhello登录后复制

解释：在这个例子中，closure是一个普通的同步函数。当await closure()被调用时，closure()会立即执行。由于它同步地发送了一个错误，这个错误在任何由于Promise被创建或Promise.resolve()有机会包装返回值之前就已经发生了。

try...catch块会立即捕获这个同步推送的错误，导致console.log("error")和console.log("finished")立即执行。await并没有有接收到一个Promise（或者一个可以被Promise.resolve()转换为Promise的值），load函数并没有被暂停。因此，console.log("hello")会在load函数内部的catch和finally块执行完毕后才执行，这样看起来就像一个同步执行流程。await这里其实没有起到暂停同步函数的作用，它并没有同步到可等待的Promise。场景三：await异步函数并返回一个值

当await一个非async函数，但该函数返回一个普通值时，await将其转换为Promise并进行异步处理。async function load(closure) { try { wait opening()； //closure 是一个普通函数，返回一个值 } catch (error) { console.log(quot；errorquot；)； } finally { console.log(quot；finishedquot；)； }}// 示例 3：closure 是一个普通函数，返回一个值load(() =gt； { return 1；})；console.log(quot；helloquot；)；登录后复制

输出：hellofinished登录后复制

解释：在此例中，closure()返回了数值1。根据await的机制，await 1立即于await Promise.resolve(1)。Promise.resolve(1)会返回一个已解决的Promise，await会等待这个Promise。因此，load函数会被暂停，console.log("hello")会先执行。

当Promise.resolve(1)解决后，load函数恢复执行，最后的console.log("finished")被打印。场景四：await非异步函数返回一个被拒绝的Promise

如果非async函数显式地返回一个被拒绝的Promise，与async函数抛出异常块类似。async function load(closure) { try {awaitclosure()； //closure是一个普通函数，返回一个被拒绝的Promise } catch (error) { console.log(quot；errorquot；)； } finally { console.log(quot；finishedquot；)； }}// 输出 4：closure 是一个普通函数，返回一个被拒绝的 Promiseload(() =gt； { return Promise.reject(quot；Rejected) Promisequot；)；})；console.log(quot；helloquot；)；登录后复制

输出：helloerrorfinished登录后复制登录后复制

解释：closure()直接返回了一个被拒绝的Promise。await Promise.reject("Rejected Promise")会等待这个被拒绝的Promise，并导致load函数被暂停因此。，console.log("hello")会先执行。然后，load函数捕获到被拒绝的Promise，执行error并finished。这再次证明了await处理在Promise时的异步特性。总结与注意事项await的本质是等待Promise：关键字await的核心作用是暂停async函数的执行，直到其后面的表达式被解析为一个Promise并完成其状态转换。同步异常优先于Promise转换： 如果await操作数是一个同步执行并立即发出错误的函数调用，那么错误会在任何Promise被创建或Promise.resolve()进行打包之前发生。这种情况下，await无法介入，错误会被外部的try...catch立即跳转，导致后续代码执行，表现出同步行为。非Promise值的隐式转换：当await操作数是一个非Promise值时，JavaScript会隐式地通过Promise.resolve()将其转换为一个已解决的Promise，从而保证await能够正常工作并引入延迟。设计建议： 为了避免这种干扰，建议在编写可能推送错误的异步操作时，始终使用async函数。如果一个函数旨在异步执行并可能推送错误，将其声明为async函数可以确保其行为错误始终通过Promise拒绝提交，从而与await的异步保持一致。

理解这些细则微时刻对于编写健壮且可预测的JavaScript代码至关重要。等待的强时刻定位它让异步代码看起来像同步代码，但其底层机制仍然是基于事件循环和Promise的。当同步错误不测地“跳过”了Promise创建流程时，就会出现这种同步的特殊行为。

以上就是深入理解JavaScript的await行为：非异步函数发送异常的同步效应的详细内容，更多请关注乐哥常识网其他文章相关！