JavaScript Promise异步调用阻塞：为什么await会卡住程序？-js教程-PHP中文网

JavaScript Promise异步调用阻塞：为什么await会卡住程序？

聖光之護

发布： 2024-11-21 16:48:44

原创

1261人浏览过

javascript promise异步调用阻塞：为什么await会卡住程序？

js promise同步调用的阻塞问题

在javascript中，对于一段异步操作，可以将其包装成一个promise，以便可以使用 await 关键字来同步调用。但当promise没有被显式地通过 resolve 或 reject 来解决时，会引发阻塞问题。

node.js 环境

在node.js中，如果一个promise处于挂起状态，并且没有其他待处理的异步操作，那么node.js将认为程序已经完成并退出。因此，yyy 函数将运行到 await xxx()，但不会继续执行后面的代码，因为 xxx 函数返回的promise一直处于挂起状态。

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

浏览器环境

Cardify卡片工坊

使用Markdown一键生成精美的小红书知识卡片

查看详情

在浏览器中，await 会等待promise解决。如果promise没有被解决，浏览器将不会继续执行后面的代码，但用户仍可以与页面交互。因此，yyy 函数将阻塞在 await xxx()，直到 xxx 函数返回的promise被解决或页面关闭。

示例代码

以下代码演示了在浏览器环境下，yyy 函数被阻塞的情况：

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 time = new Date().getTime();
        while(1) {
            let current = new Date().getTime();;
            if(current - time > 1000){
                console.log('xxx running ...');
                time = new Date().getTime();
            }
        }
    });
}

yyy();

登录后复制

执行此代码，你会看到 yyy 函数持续阻塞，而 xxx 函数在后台运行。

以上就是JavaScript Promise异步调用阻塞：为什么await会卡住程序？的详细内容，更多请关注php中文网其它相关文章！