JavaScript Promise同步调用：await一个未resolve/reject的Promise会发生什么？

javascript promise 同步调用中的困惑

在 javascript 中使用 promise 时，有时候会出现看似同步调用的情况，导致令人困惑的结果。

在下列代码中：

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) {});
}

问题：

1. 函数 xxx 中没有调用 resolve 或 reject，那么函数 yyy 在运行到 await xxx() 时会结束运行还是一直阻塞？
2. 没有执行 console.log('yyy调用xxx结束', res)，程序是自动结束了还是阻塞中？

回答：

答案因运行环境而异：

node.js

在 node.js 中，返回的 promise 永远处于挂起状态，因为没有被 resolved 或 rejected。但是，由于没有其他活跃的异步操作，node.js 的事件循环会认为程序已完成，导致进程退出。

浏览器

在浏览器中，await 会一直等待 promise 完成。如果没有其他异步操作，浏览器可能会认为脚本已执行完毕，但你的脚本的剩余部分将不会执行。用户仍然可以与页面交互，但你的脚本不会继续运行。

为了避免这种情况，可以将 xxx 函数修改为一个始终返回 resolved promise 的函数，例如：

async function xxx() {
  return new Promise((resolve, reject) => {
    resolve('已完成');
  });
}

这样，yyy 函数将始终执行 console.log('yyy调用xxx结束', res)，并且不会阻塞脚本执行。

以上就是JavaScript Promise同步调用：await一个未resolve/reject的Promise会发生什么？的详细内容，更多请关注硕下网其它相关文章！