宏任务与微任务的执行顺序

可口可乐了吗

已于 2022-03-06 16:42:40 修改

阅读量1.6k

点赞数

分类专栏： JavaScript 文章标签： javascript 数组 vue.js

于 2022-03-06 16:24:05 首次发布

本文链接：https://blog.csdn.net/weixin_51042892/article/details/123312296

版权

本文探讨了JavaScript中的同步任务、微任务和宏任务的执行顺序。通过实例解释了Promise构造函数作为同步任务先执行，随后是微任务如resolve后的回调，最后执行宏任务如setTimeout。在宏任务中，先执行setTimeout，然后处理相应的微任务，例如.then回调。

摘要由CSDN通过智能技术生成

同步任务>微任务>宏任务

举例：

 setTimeout(()=>{
            console.log('settimeout');
        },0);

        new Promise(resolve=>{
            resolve();
            console.log("day day up");
        }).then(value=>console.log("good good study"));
        console.log('zyzyzy');

执行结果：
day day up
zyzyzy
good good study
settimeout
Promise的构造函数是同步任务，所以先执行其中的day day up
然后执行下一个同步任务zyzyzy
然后执行微任务good good study，因为Promise发出resolve成功提示，所以执行成功后的任务，即输出good good study
最后执行宏任务 settimeout

举例：

		let promise= new Promise(resolve => {
            setTimeout(() => {
                resolve();
                console.log('settimeout');
            }, 0);
            console.log("resolve");
        }).then(value => con