先来看一张图,整的明明白白
简单地说:
宏任务:针对浏览器/node所发起的任务
微任务:JS函数回调(异步函数)
执行顺序:微任务 > 宏任务
再看一段代码
代码解读:
JS代码是单线程,从上至下执行
1、setTimeout 是一个宏任务定时器跳过,等50ms后执行
2、new Promise 是一个构造函数,是一段同步代码,所以首先执行 console.log(1)
3、.then() 是异步代码(属于微任务),不会阻塞后面代码执行,跳过,往 下执行 console.log(2)
4、待全部代码单线程代码执行完,就会执行微任务列队里的任务console.log(3)
5、最后执行宏任务setTimeout