Chrome控制台中带setTimeout的Promise始终pending的原因

这个问题其实是浏览器控制台的显示特性导致的，不是Promise本身没有正常resolve！咱们一步步拆解：

1. 同步resolve的Promise为什么直接显示fulfilled？ #

当你执行：

const x= new Promise(resolve=>resolve(12))

这里的resolve(12)是同步执行的——Promise在被创建的瞬间就完成了从pending到fulfilled的状态变更。所以控制台输出的时候，读取到的已经是Promise的最终状态，自然显示Promise {<fulfilled>: 12}。

2. 异步resolve的Promise真的没resolve吗？ #

完全不是！当你执行：

const x= new Promise(resolve=>setTimeout(()=>resolve(12),5000))

Promise刚创建时状态确实是<pending>，控制台会把这个初始状态的快照输出出来。但5秒后，setTimeout里的resolve(12)会正常执行，Promise的状态会变成fulfilled——只是控制台不会自动更新之前的输出内容而已。

验证方法： #

• 方法一：添加then回调
  执行这段代码：

  const x = new Promise(resolve=>setTimeout(()=>resolve(12),5000));
  x.then(val => console.log("Promise已resolve，值为：", val));
  

  5秒后你会看到控制台打印出对应的内容，这就证明Promise确实完成了resolve。
• 方法二：手动重新查看Promise状态
  等5秒过后，在控制台输入x并回车，此时控制台会重新读取x的当前状态，你就能看到它已经变成Promise {<fulfilled>: 12}了。

总结 #

控制台对Promise的初始输出是创建时的状态快照，不会自动跟踪后续的状态变化，但Promise本身的异步resolve逻辑是完全符合预期的。

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