海印网
海印网

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

admin数码00

JavaScript Promise同步调用:await一个未resolve/reject的Promise会发生什么?-第1张图片-海印网

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

登录后复制

问题:

立即学习“Java免费学习笔记(深入)”;

  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会发生什么?的详细内容,更多请关注其它相关文章!

Tags: 函数脚本

Sorry, comments are temporarily closed!