首页 > web前端 > js教程 > 正文

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

碧海醫心
发布: 2024-11-21 17:36:01
原创
1042人浏览过

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) {});
}
登录后复制

问题:

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

豆包AI编程
豆包AI编程

智能代码生成与优化,高效提升开发速度与质量!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号