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

对于一个文章开发者来说，牢固扎实的基础是十分重要的，golang学习网就来带大家一点点的掌握基础知识点。今天本篇文章带大家了解《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 环境:

在 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。

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~