这种行为的解释是什么：ES6 Promise that never resolve

Question

以下代码：

Promise.resolve('a string')
  .then(resp => {
    console.log('resp from the initial promise: ' + resp)
    const p0 = new Promise((resolve, reject) => {
      setTimeout(() => {
        console.log('finished sleeping in p0')
        resolve('hello from p0')
      }, 5000)
    })
    console.log('returning p0')
    return p0
  })
  .then(resp => {
    console.log('resp from p0: ' + resp)
    const p1 = new Promise((resolve, reject) => {
      console.log('p1 completed')
      // resolve('another string from p1')
    })
    console.log('returning p1')
    return p1
  })
  .then(res => {
    console.log('resp from p1: ' + res)
  })
  .catch(err => {
    console.error('Error: ' + err.message)
  })

console.log('last statement')

当我运行它时，我得到以下输出（这对我来说没有意义）

last statement
resp from the initial promise: a string
returning p0
finished sleeping in p0
resp from p0: hello from p0
p1 completed
returning p1

首先，由于承诺p1 永远不会解决，我希望程序永远等待并且永远不会完成。事实并非如此，它完成得很好（尽管没有到达最后一个then()）。

此外，它还创建了 Promise 并执行了 Promise 中的代码在创建之后的代码之前。我希望“返回 p1”在“p1 完成”之前出现，因为我认为承诺中的内容将在下一个滴答时执行。

Answer 1

此外，它会创建 Promise 并在创建后的代码之前执行 Promise 内的代码。我希望 'returning p1' 会在 'p1 completed' 之前出现，因为我假设 promise 中的内容将在下一个滴答时执行。

如果你在 promise 上调用.then，你传入的函数将被延迟到下一个tick。但是 Promise 的构造函数不会那样做。当您构造new Promise 时，您传递给构造函数的代码会立即同步运行。所以这段代码：

const p0 = new Promise((resolve, reject) => {
  setTimeout(() => {
    console.log('finished sleeping in p0')
    resolve('hello from p0')
  }, 5000)
})
console.log('returning p0')

... 将立即设置超时，甚至在 Promise 被分配给 p0 之前。而这段代码：

const p1 = new Promise((resolve, reject) => {
  console.log('p1 completed')
  // resolve('another string from p1')
})
console.log('returning p1')

... 将立即注销“p1 完成”，甚至在承诺被分配给p1 之前。