当前位置：首页 > 文章列表 > 文章 > 前端 > JavaScript中Promise未resolve或reject时，await会一直等待吗？

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

2025-03-24 22:45:31 0浏览收藏

珍惜时间，勤奋学习！今天给大家带来《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完成。然而，如果缺乏其他异步任务来驱动事件循环，浏览器引擎可能认为脚本已执行完毕，不会阻塞页面渲染或交互。但如果该脚本是同步执行的（例如，直接在标签中或通过控制台执行），则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函数将无限期阻塞（在浏览器环境下，除非浏览器本身强制终止脚本）。