JavaScript Promise 的同步调用行为分析
在 JavaScript 中，Promise 广泛用于处理异步操作。本文探讨 Promise 在同步调用场景下的行为，特别是当 Promise 没有调用 resolve 或 reject 时，await 表达式对异步函数的影响。
考虑以下代码：
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();
yyy 函数使用 await 等待 xxx 函数返回的 Promise。如果 xxx 函数中没有调用 resolve 或 reject，Promise 将永远处于 pending 状态。await 表达式的行为取决于运行环境：
Node.js 环境:
立即学习“Java免费学习笔记（深入）”；
在 Node.js 中，由于 xxx 返回的 Promise 处于 pending 状态且没有其他异步操作（如定时器、网络请求），Node.js 的事件循环会认为程序已完成并退出。 事件循环不会无限期等待一个未决定的 Promise。
浏览器环境:
在浏览器环境中，await 会阻塞 yyy 函数的执行，等待 Promise 完成。然而，由于没有 resolve 或 reject，这个等待是无限期的。 这不会完全冻结浏览器，用户交互通常不受影响，但 yyy 函数后续的 console.log 语句将不会执行。 如果该代码在一个独立的脚本中运行，则浏览器可能不会报告错误，但脚本的其余部分将不会执行。
修改后的示例 (模拟阻塞):
为了更清晰地展示阻塞行为，我们可以修改代码：
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();
while (true) {
if (Date.now() - startTime > 1000) {
console.log('xxx running...');
startTime = Date.now();
}
}
});
}
yyy();
在这个修改后的例子中，xxx 函数包含一个无限循环，模拟一个永远不会完成的 Promise。 await xxx() 将导致 yyy 函数无限期阻塞，直到手动停止脚本执行。
总结：await 在一个没有 resolve 或 reject 的 Promise 上会产生不同的结果，取决于运行环境。 在 Node.js 中，程序可能直接退出；在浏览器中，await 会无限期阻塞，但通常不会完全冻结浏览器。 为了避免这种情况，务必确保所有 Promise 都最终调用 resolve 或 reject。
