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

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

js promise同步调用的阻塞问题

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

node.js 环境

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

立即学习“Java免费学习笔记(深入)”;

浏览器环境

在浏览器中,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会卡住程序?的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2648983.html

(0)
上一篇 2025年3月7日 08:19:56
下一篇 2025年3月7日 08:20:07

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论