在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 函数在后台运行。