JavaScript中的宏任务与微任务

js是单线程，但js是可以执行同步和异步任务的，同步的任务众人皆知是按照顺序去执行的；

而异步任务的执行，是有一个优先级的顺序的，包括了 宏任务（macrotasks）
和 微任务(microtasks)

ES6 规范中，microtask（微任务） 称为 jobs，macrotask（宏任务也叫主任务） 称为 task
宏任务是由宿主发起的，而微任务由JavaScript自身发起。

宏任务:整体代码script setTimeout, setInterval, setImmediate, I/O, UI rendering
微任务: Promises.(then catch finally), process.nextTick, MutationObserver
宏任务和微任务的区别在于在事件循环机制中，执行的机制不同

排在前面的script最先执行，然后再执行同步任务与微任务，接着执行下一个宏任务。
我们在工作常用到的宏任务是 setTimeout，而微任务是 Promise.then

注意：这里是Promise.then,也就是说 new Promise在实例化
的过程中所执行的代码是同步的，而在 then中注册的回调函数才是异步。

运行

Event Loop中，每一次循环称为tick，每一次tick的任务如下：

1.执行栈选择最先进入队列的宏任务（一般都是script），执行其同步代码直至结束；
2.检查是否存在微任务，有则会执行至微任务队列为空；
3.如果宿主为浏览器，可能会渲染页面；
4.开始下一轮tick，执行宏任务中的异步代码（setTimeout等回调）。

[

](https://blog.csdn.net/youshenshiwoye/article/details/117450734)

强调一点！
宏任务其实是最先执行的任务。但为什么下面表格却表示微任务先执行，宏任务后执行。
正确的执行顺序是：先执行一个宏任务《script》标签，script标签包裹着setimout宏任务和promise微任务，先执行script标签内的微任务（promise），进行下一次轮询，执行新的宏任务（setimout）

[