Hello! 欢迎来到小浪资源网!


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一直处于挂起状态。

浏览器环境

在浏览器中,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 函数在后台运行。

相关阅读