promise-then执行顺序问题

最新推荐文章于 2025-05-27 16:10:16 发布

沿着路走到底

最新推荐文章于 2025-05-27 16:10:16 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

分类专栏：面试题文章标签：前端

本文链接：https://blog.youkuaiyun.com/m0_38066007/article/details/124990766

面试题专栏收录该内容

115 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文探讨了Promise的then方法在处理多个fulfilled状态的实例时如何交替执行，以及当then方法中返回一个新的Promise实例时，可能出现的‘慢两拍’现象，详细解释了这种异步执行的原理和事件循环中的微任务调度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以下代码，执行会输出什么

Promise.resolve().then(() => {
    console.log(0)
    return Promise.resolve(4)
}).then((res) => {
    console.log(res)
})

Promise.resolve().then(() => {
    console.log(1)
}).then(() => {
    console.log(2)
}).then(() => {
    console.log(3)
}).then(() => {
    console.log(5)
}).then(() =>{
    console.log(6)
})


// 0,1,2,3,4,5,6

then 交替执行

如果有多个 fulfilled 状态的 promise 实例，同时执行 then 链式调用，

then 会交替调用

这是编译器的优化，防止一个 promise 持续占据事件

Promise.resolve().then(() => {
    console.log(1)
}).then(() => {
    console.log(2)
}).then(() => {
    console.log(3)
}).then(() => {
    console.log(4)
})

Promise.resolve().then(() => {
    console.log(10)
}).then(() => {

了解本专栏