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

到这里，我们也就讲完了《JavaScript Promise异步调用阻塞：为什么await会卡住程序？》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！