JavaScript异步编程：async/await与promise的未决状态
async/await是JavaScript中处理异步操作的优雅方式，但当Promise长期处于未决状态（pending）时，其行为值得深入探讨。本文将分析await在Promise未resolve或reject时的表现。
场景分析
考虑以下代码：
async function yyy() { console.log('yyy调用xxx开始'); let res = await xxx(); console.log('yyy调用xxx结束', res); } async function xxx() { return new Promise(function(resolve, reject) { // 没有resolve或reject调用 }); } yyy();
xxx函数返回一个永远处于pending状态的Promise。yyy函数中的await xxx()会发生什么？
环境差异：Node.JS与浏览器
await的行为受运行环境影响：
立即学习“Java免费学习笔记（深入）”；
Node.js: 如果Promise保持pending状态，且没有其他活跃的异步操作（如定时器、网络请求），Node.js的事件循环会认为程序已完成并退出。 它不会无限期等待未决的Promise。
浏览器: 在浏览器环境中，await 通常 会一直等待Promise完成。然而，如果缺乏其他异步任务来驱动事件循环，浏览器引擎可能认为脚本已执行完毕，不会阻塞页面渲染或交互。 但如果该脚本是同步执行的（例如，直接在<script>标签中或通过控制台执行），则await后的代码将不会执行，直到Promise状态改变。</script>
代码验证：模拟长期运行的Promise
为了更清晰地展现浏览器环境下的行为，修改xxx函数：
async function yyy() { console.log('yyy调用xxx开始'); let res = await xxx(); console.log('yyy调用xxx结束', res); } async function xxx() { return new Promise(function(resolve, reject) { let startTime = Date.now(); let intervalId = setInterval(() => { let elapsedTime = Date.now() - startTime; console.log('xxx running...', elapsedTime); if (elapsedTime > 5000) { // 5秒后resolve clearInterval(intervalId); resolve('xxx completed'); } }, 1000); }); } yyy();
这段代码中，xxx函数中的Promise会在5秒后resolve。在此期间，yyy函数将暂停执行，直到Promise resolve，然后继续执行后续代码。 如果注释掉resolve调用，则yyy函数将无限期阻塞（在浏览器环境下，除非浏览器本身强制终止脚本）。
结论
await在Promise未决状态下的行为取决于运行环境和是否存在其他异步操作。Node.js倾向于不等待，而浏览器则通常等待，但不会完全阻塞浏览器。 为了避免无限期阻塞，确保你的Promise最终会resolve或reject，或者使用超时机制来处理潜在的长时间未决状态。
