嘿，这个场景太常见了！咱们先把背后的逻辑说清楚，再给你解决办法：

为什么会出现这种情况？ #

当你直接console.log一个Promise对象时，这个操作是同步执行的——此时Promise刚被创建，还在等待异步操作完成（比如定时器、网络请求），所以它的状态是pending，控制台就先输出了这个初始状态。

而当后续异步操作完成，Promise的状态变成fulfilled（成功）或者rejected（失败）后，浏览器的控制台有个「延迟更新」的特性：它会自动更新之前输出的Promise对象条目，把最终的结果展示出来。说白了，你看到的“先pending再出结果”，不是Promise一直处于pending，只是控制台帮你补更了它的最终状态而已。

举个你可能写的代码例子：

function getAsyncData() {
  return new Promise((resolve) => {
    // 模拟1秒后完成的异步操作
    setTimeout(() => resolve("我是预期结果！"), 1000);
  });
}

const myPromise = getAsyncData();
console.log(myPromise); // 立刻输出Promise { <pending> }，1秒后控制台里这条记录会变成Promise { "我是预期结果！" }

怎么修复？要直接拿到最终结果 #

如果你不想看到pending状态，而是想直接输出Promise的最终结果，有两种常用的写法：

方法1：使用.then()链式调用 #

这是Promise的传统写法，在Promise状态变更后执行回调：

getAsyncData().then(finalResult => {
  console.log(finalResult); // 1秒后直接输出"我是预期结果！"，不会看到pending
});

方法2：使用async/await语法（更简洁） #

这是ES8引入的语法，让异步代码看起来像同步代码，注意要在async标记的函数里使用：

async function logFinalResult() {
  const finalResult = await getAsyncData();
  console.log(finalResult); // 同样1秒后输出最终结果
}
logFinalResult();

额外提醒 #

Promise的状态是不可逆的：一旦从pending变成fulfilled或rejected，就再也不会改变了。你在控制台看到的“更新”只是浏览器的可视化优化，不是Promise状态在反复变化哦。

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