【前端调试】Promise.then返回值与断点调试

在B站上看了一个Promise教程，里面用到了断点的方法，之前没有接触过，故记录。下面是一段简单的Promise示例代码：

const p = new Promise((resolve, reject) => {
      if(true)
        resolve("成功")
});
console.log("(1).p是", p);
const pthen = p.then((res)=>{
  console.log("(2).p的结果:", res)
}, (err) => {
  console.log("p的结果:", err)
});
console.log("(3).p.then返回的结果:", pthen)

Promise对象的then方法返回的还是一个Promise对象，每个Promise对象都有State属性和Result属性。上面这段代码的执行结果是：

可以看出.then是异步执行的，但是这里打印的Promise状态是“fulfilled"，此处还没有弄明白。

使用断点可以帮助我们看到程序运行的步骤：

运行到16行停下，点击step into next function call进入下一个断点，检查pthen可以看到：

状态是“pending”，也就是说.then方法返回的是一个pending状态的新的Promise实例。
理解不够深入，如果有人了解为什么控制台上的输出结果是fulfilled，请多多指教：）