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,以避免出现不可预测的行为。