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免费学习笔记(深入)”;
- 函数 xxx 中没有调用 resolve 或 reject,那么函数 yyy 在运行到 await xxx() 时会结束运行还是一直阻塞?
- 没有执行 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会发生什么?的详细内容,更多请关注其它相关文章!