来个 js 大佬看下这个 Promise 问题?

Question

为什么一下代码打印顺序不一样?

Promise.resolve().then(() => {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(555)
    }, 100)
  }).then(res => {
    console.log('🚀 ~ setTimeout ~ res:', res)
  })
}).then(data => {
    console.log('🚀 ~ res:', data)
})

Promise.resolve().then(() => {
  new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(555)
    }, 100)
  }).then(res => {
    console.log('🚀 ~ setTimeout ~ res:', res)
  })
}).then(data => {
    console.log('🚀 ~ res:', data)
})

Answer 1

不管上面的 Promise 是啥，总之你 return 了，那不就链式了么，那你下面的 .then 无论如何都得等上面的 Promise resolve 后才能执行啊……

Answer 2

官网示例里有说。
then(a).then();
a是函数并且返回值是 Promise , 那就会用a的返回值调用后续的then。
不然的话then会隐式的返回 Promise.resolve(b) , b就是a或a的返回值。
应该是这样吧。

Answer 3