JavaScript中Promise未resolve或reject时，await会一直等待吗？

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的行为受运行环境影响：

Node.js: 如果Promise保持pending状态，且没有其他活跃的异步操作（如定时器、网络请求），Node.js的事件循环会认为程序已完成并退出。 它不会无限期等待未决的Promise。

浏览器: 在浏览器环境中，await 通常 会一直等待Promise完成。然而，如果缺乏其他异步任务来驱动事件循环，浏览器引擎可能认为脚本已执行完毕，不会阻塞页面渲染或交互。 但如果该脚本是同步执行的（例如，直接在<script></script>标签中或通过控制台执行），则await后的代码将不会执行，直到Promise状态改变。

代码验证：模拟长期运行的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，或者使用超时机制来处理潜在的长时间未决状态。

以上是JavaScript中Promise未resolve或reject时，await会一直等待吗？的详细内容。更多信息请关注PHP中文网其他相关文章！