宏任务、微任务及其执行顺序

最新推荐文章于 2026-05-14 14:21:41 发布

原创最新推荐文章于 2026-05-14 14:21:41 发布 · 4.7k 阅读

7 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

javascript 专栏收录该内容

68 篇文章

订阅专栏

本文深入探讨了JavaScript中宏任务和微任务的区别与执行顺序。通过实例代码演示，解释了定时器作为宏任务，而Promise对象的then方法创建的任务为微任务。文章详细分析了代码执行流程，揭示了即使定时器设置为0，微任务也会在宏任务之前执行的规律。

		setTimeout(()=>{console.log('我是宏任务')},0);
        let promise = new Promise(resolve => {resolve();console.log('新建promise')});
        promise.then(value =>{console.log('我是微任务')});
        console.log('主流程');

定时器对应的任务为宏任务，promise对象的then方法创建的任务为微任务，执行顺序首先执行promise对象初始化中的方法，它和主流程的方法一样先执行，然后执行微任务，最后执行宏任务，即使定时器的时间为0也是如此，以上代码的执行结果为
新建promise
主流程
我是微任务
我是宏任务
代码中的resolve();把promise对象的状态改为成功，于是当主流程执行完毕后会执行微任务中的成功方法