JavaScript中Promise未resolve或reject时，程序在不同环境下的表现如何？-js教程-PHP中文网

JavaScript中Promise未resolve或reject时，程序在不同环境下的表现如何？

花韻仙語

发布： 2025-03-20 10:48:11

原创

457人浏览过

javascript中promise未resolve或reject时，程序在不同环境下的表现如何？

JavaScript Promise：未决状态下的行为与环境差异

在JavaScript中，Promise和async/await是处理异步操作的利器。然而，当Promise既未resolve也未reject，处于pending状态时，其行为会因运行环境而异。本文将通过代码示例分析Node.js和浏览器环境下的差异。

以下代码演示了一个未决Promise：

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函数调用xxx函数，xxx返回一个永远处于pending状态的Promise。其结果取决于运行环境：

Node.js环境

在Node.js中，如果Promise长时间处于pending状态，且没有其他异步操作，Node.js的事件循环会认为程序已完成并退出。这是因为Node.js的事件循环依赖于异步操作的完成。未决的Promise不会阻塞事件循环，但也不会被无限期等待。

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

浏览器环境

在浏览器环境中，await操作符会阻塞yyy函数的执行，等待Promise完成。然而，这并不意味着浏览器会完全冻结。用户界面通常仍然响应，但yyy函数后续代码不会执行。

为了更清晰地展示，我们修改代码，让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();
        while (true) {
            if (Date.now() - startTime > 1000) {
                console.log('xxx 持续运行...');
                startTime = Date.now();
            }
        }
    });
}

yyy();

登录后复制

此代码中，xxx函数模拟一个持续运行的异步操作。在浏览器环境中，await xxx() 将导致yyy函数无限期阻塞，直到Promise被resolve或reject（在本例中永远不会）。浏览器不会崩溃，但yyy函数的后续代码将永远不会执行。

总而言之，未决Promise的行为取决于运行环境以及是否存在其他活跃的异步操作。在Node.js中，程序可能提前结束；在浏览器中，await会阻塞后续代码执行，但通常不会导致浏览器崩溃。务必确保Promise始终被resolve或reject，以避免出现不可预测的行为。

以上就是JavaScript中Promise未resolve或reject时，程序在不同环境下的表现如何？的详细内容，更多请关注php中文网其它相关文章！