我要评论
javascript异步编程：async/await与promise的未决状态
async/await是javascript中处理异步操作的优雅方式，但当promise长期处于未决状态（pending）时，其行为值得深入探讨。本文将分析await在promise未resolve或reject时的表现。
场景分析
考虑以下代码：
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) {
// 没有resolve或reject调用
});
}
yyy();xxx函数返回一个永远处于pending状态的promise。yyy函数中的await xxx()会发生什么？
环境差异：node.js与浏览器
await的行为受运行环境影响：
node.js: 如果promise保持pending状态，且没有其他活跃的异步操作（如定时器、网络请求），node.js的事件循环会认为程序已完成并退出。 它不会无限期等待未决的promise。
浏览器: 在浏览器环境中，await 通常 会一直等待promise完成。然而，如果缺乏其他异步任务来驱动事件循环，浏览器引擎可能认为脚本已执行完毕，不会阻塞页面渲染或交互。 但如果该脚本是同步执行的（例如，直接在<script>标签中或通过控制台执行），则await后的代码将不会执行，直到promise状态改变。</script>
代码验证：模拟长期运行的promise
为了更清晰地展现浏览器环境下的行为，修改xxx函数：
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) {
let starttime = date.now();
let intervalid = setinterval(() => {
let elapsedtime = date.now() - starttime;
console.log('xxx running...', elapsedtime);
if (elapsedtime > 5000) { // 5秒后resolve
clearinterval(intervalid);
resolve('xxx completed');
}
}, 1000);
});
}
yyy();这段代码中，xxx函数中的promise会在5秒后resolve。在此期间，yyy函数将暂停执行，直到promise resolve，然后继续执行后续代码。 如果注释掉resolve调用，则yyy函数将无限期阻塞（在浏览器环境下，除非浏览器本身强制终止脚本）。
结论
await在promise未决状态下的行为取决于运行环境和是否存在其他异步操作。node.js倾向于不等待，而浏览器则通常等待，但不会完全阻塞浏览器。 为了避免无限期阻塞，确保你的promise最终会resolve或reject，或者使用超时机制来处理潜在的长时间未决状态。
以上就是javascript中promise未resolve或reject时，await会一直等待吗？的详细内容，更多请关注代码网其它相关文章！
发表评论