promise和settimeout执行顺序

最新推荐文章于 2024-05-06 10:07:28 发布

原创最新推荐文章于 2024-05-06 10:07:28 发布 · 357 阅读

0 ·

CC 4.0 BY-SA版权

原生js 专栏收录该内容

4 篇文章

订阅专栏

本文深入探讨了JavaScript中Promise和setTimeout的执行顺序，通过一个具体示例代码展示了宏任务和微任务如何交互，以及它们在事件循环中的调度机制。

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

console.log(1);
new Promise(function (res,rej) {
    console.log(2);
    res();
}).then(function () {
    console.log(3);
    Promise.resolve().then(function () {
        console.log(5);
        setTimeout(function () {
           console.log(6);
           Promise.resolve().then(function () {
               console.log(7);
           });
           setTimeout(function () {
               console.log(8)
           },0);
        },0)
    })
}).then(function () {
    console.log(4);
});
setTimeout(function () {
    console.log(9);
    new Promise(function (res) {
        res();
        console.log(10);
    }).then(function () {
        console.log(11);
    })
});
Promise.resolve().then(function () {
    setTimeout(function () {
       Promise.resolve().then(function () {
           console.log(12);
       });
        console.log(13);
    },0)
});
setTimeout(function () {
    setTimeout(function () {
        setTimeout(function () {
            Promise.resolve().then(function () {
                console.log(14);
            });
            console.log(15);
        });
        console.log(16);
    });
    console.log(17);
});
console.log(18);
new Promise(function (res) {
    console.log(19);
    setTimeout(function () {
       console.log(20);
    },0)
})