含嵌套await的Promise解析异常：添加空then为何能修复？

我在独立启动的Node.js进程中使用axios向服务器发送请求，原本任务完成后进程应自动关闭，但我对Promise的理解可能存在偏差。我编写的记录请求的log函数如下：

async log(request) {
    return await axios.post('example.com', {
            screenshot: await page.screenshot({type: 'png', encoding: 'base64'}),
    });
}

我将所有log调用存入this.awaitPromises数组，后续通过await Promise.all(this.awaitPromises);等待所有任务完成后关闭浏览器，但此时出现错误：Protocol error (Page.captureScreenshot): Target closed.，说明Promise.all过早解析，导致浏览器提前关闭。

然而，当我在axios.post后添加空的.then()回调时，代码正常工作，浏览器会在log函数完全执行后才关闭，代码如下：

async log(request) {
    return await axios.post('example.com', {
            screenshot: await page.screenshot({type: 'png', encoding: 'base64'}),
    }).then(() => {
        // Do nothing.
    });
}

请问这两种写法的差异是什么？为何添加空then能解决问题？这应该和内部的await page.screenshot有关吧？

两种写法的核心差异 #

第一种写法里，return await axios.post(...)本质是直接返回axios请求生成的原始Promise对象；第二种写法通过.then()包装后，返回的是**.then()新生成的Promise**——这是一个和原axios Promise完全独立的新Promise实例。

空.then()解决问题的原因 #

问题根源和page.screenshot的异步收尾逻辑、Node.js的微任务调度机制有关：

• 第一种写法中，await page.screenshot执行完成后发起axios请求，但axios的Promise内部可能存在同步完成的分支（比如请求的某些预处理同步结束），导致它的Promise被快速标记为完成。此时page.screenshot可能还有一些异步收尾工作没彻底完成（比如和浏览器的通信残留），但Promise.all已经认为任务结束，触发了浏览器关闭，进而引发截图报错。
• 添加空.then()后，相当于给原axios Promise加了一层微任务包装。.then()的回调会被推入微任务队列，必须等当前所有同步代码、原axios Promise的内部微任务全部执行完毕后才会触发。这就给了page.screenshot的异步收尾逻辑足够的执行时间，确保截图操作彻底完成后，这个新Promise才会被标记为完成，Promise.all也就不会提前触发浏览器关闭了。

简单来说，空.then()相当于给Promise链加了一个"延迟确认"，避免了原Promise过早完成导致的时序问题。

内容的提问来源于stack exchange，提问作者Flame