承诺在然后异步运行 setTimeout [重复]

Question

我在 IFFE 中返回一个 Promise，首先记录的是 first，但随后立即记录了 third，然后是 second。如果我的 setTimeout 在 then 中，那里面的所有东西不都是同步运行的吗？

(() => {
    return new Promise(resolve => {
       console.log("first")
       resolve()
    })
    .then(() => {
       setTimeout(() => console.log("second"), 3000)
    })


})()
.then(() => console.log("third"))

Answer 1

如果您想以基于 Promise 的方式使用 setTimeout，您必须在那里创建另一个 Promise 并在 setTimeout 回调中解决它，如下所示：

new Promise(resolve => setTimeout(resolve, 3000));

或者在上下文中：

new Promise(resolve => {
  console.log('first');
  resolve();
})
  .then(
    () =>
      new Promise(resolve =>
        setTimeout(() => {
          console.log('second');
          resolve();
        }, 3000)
      )
  )
  .then(() => console.log('third'));