
JavaScript Promise:未决状态下的行为与环境差异
在JavaScript中,Promise和async/await是处理异步操作的利器。然而,当Promise既未resolve也未reject,处于pending状态时,其行为会因运行环境而异。本文将通过代码示例分析Node.js和浏览器环境下的差异。
以下代码演示了一个未决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) {
// 没有resolve或reject
});
}
yyy();
yyy函数调用xxx函数,xxx返回一个永远处于pending状态的Promise。 其结果取决于运行环境:
Node.js环境
在Node.js中,如果Promise长时间处于pending状态,且没有其他异步操作,Node.js的事件循环会认为程序已完成并退出。 这是因为Node.js的事件循环依赖于异步操作的完成。 未决的Promise不会阻塞事件循环,但也不会被无限期等待。
立即学习“Java免费学习笔记(深入)”;
一套面向小企业用户的企业网站程序!功能简单,操作简单。实现了小企业网站的很多实用的功能,如文章新闻模块、图片展示、产品列表以及小型的下载功能,还同时增加了邮件订阅等相应模块。公告,友情链接等这些通用功能本程序也同样都集成了!同时本程序引入了模块功能,只要在系统默认模板上创建模块,可以在任何一个语言环境(或任意风格)的适当位置进行使用!
浏览器环境
在浏览器环境中,await操作符会阻塞yyy函数的执行,等待Promise完成。 然而,这并不意味着浏览器会完全冻结。 用户界面通常仍然响应,但yyy函数后续代码不会执行。
为了更清晰地展示,我们修改代码,让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();
while (true) {
if (Date.now() - startTime > 1000) {
console.log('xxx 持续运行...');
startTime = Date.now();
}
}
});
}
yyy();
此代码中,xxx函数模拟一个持续运行的异步操作。在浏览器环境中,await xxx() 将导致yyy函数无限期阻塞,直到Promise被resolve或reject(在本例中永远不会)。 浏览器不会崩溃,但yyy函数的后续代码将永远不会执行。
总而言之,未决Promise的行为取决于运行环境以及是否存在其他活跃的异步操作。 在Node.js中,程序可能提前结束;在浏览器中,await会阻塞后续代码执行,但通常不会导致浏览器崩溃。 务必确保Promise始终被resolve或reject,以避免出现不可预测的行为。









