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

小伙伴们对文章编程感兴趣吗？是否正在学习相关知识点？如果是，那么本文《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会发生什么？》的介绍应该让你收获多多了吧！欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识，快来关注吧！