JavaScript中Promise未调用resolve或reject时，await会导致程序阻塞吗？

JavaScript Promise 的同步调用行为分析

在 JavaScript 中，Promise 广泛用于处理异步操作。本文探讨 Promise 在同步调用场景下的行为，特别是当 Promise 没有调用 resolve 或 reject 时，await 表达式对异步函数的影响。

考虑以下代码：

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();

yyy 函数使用 await 等待 xxx 函数返回的 Promise。如果 xxx 函数中没有调用 resolve 或 reject，Promise 将永远处于 pending 状态。await 表达式的行为取决于运行环境：

Node.js 环境:

立即学习“Java免费学习笔记（深入）”；

在 Node.js 中，由于 xxx 返回的 Promise 处于 pending 状态且没有其他异步操作（如定时器、网络请求），Node.js 的事件循环会认为程序已完成并退出。 事件循环不会无限期等待一个未决定的 Promise。

浏览器环境:

在浏览器环境中，await 会阻塞 yyy 函数的执行，等待 Promise 完成。然而，由于没有 resolve 或 reject，这个等待是无限期的。 这不会完全冻结浏览器，用户交互通常不受影响，但 yyy 函数后续的 console.log 语句将不会执行。 如果该代码在一个独立的脚本中运行，则浏览器可能不会报告错误，但脚本的其余部分将不会执行。

修改后的示例 (模拟阻塞):

为了更清晰地展示阻塞行为，我们可以修改代码：

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();
        while (true) {
            if (Date.now() - startTime > 1000) {
                console.log('xxx running...');
                startTime = Date.now();
            }
        }
    });
}

yyy();

在这个修改后的例子中，xxx 函数包含一个无限循环，模拟一个永远不会完成的 Promise。 await xxx() 将导致 yyy 函数无限期阻塞，直到手动停止脚本执行。

总结：await 在一个没有 resolve 或 reject 的 Promise 上会产生不同的结果，取决于运行环境。 在 Node.js 中，程序可能直接退出；在浏览器中，await 会无限期阻塞，但通常不会完全冻结浏览器。 为了避免这种情况，务必确保所有 Promise 都最终调用 resolve 或 reject。

以上就是JavaScript中Promise未调用resolve或reject时，await会导致程序阻塞吗？的详细内容，更多请关注php中文网其它相关文章！