宏任务和微任务

Posted 2020-12-09 li--gm

 

.宏任务（macrotask ）和微任务（microtask ）表示异步任务的两种分类。

　　在挂起任务时，JS 引擎会将所有任务按照类别分到这两个队列中，首先在 macrotask 的队列（这个队列也被叫做 task queue）中取出第一个任务，执行完毕后取出 microtask 队列中的所有任务顺序执行；之后再取 macrotask 任务，周而复始，直至两个队列的任务都取完。

 

宏任务一般是：包括整体代码script，setTimeout，setInterval。

微任务：new promise().then(回调) ，process.nextTick（在node运行环境中优先级高于promise（））。

 

示例：

 1 console.log(‘开始‘);
 2 setTimeout(function() {
 3      console.log(‘setTimeout‘);
 4 })
 5 new Promise(function(resolve) {
 6      console.log(‘promise‘);
 7 }).then(function() {
 8      console.log(‘then‘);
 9 })
10 console.log(‘console‘);

输出顺序：开始，promise，console，then，setTimeout

 分析：

• 整体script作为第一个宏任务进入主线程，遇到console.log，输出开始
• 遇到setTimeout，将其分配到宏任务Event Queue中
• 遇到Promise，new Promise直接执行，输出promise。then被分发到微任务Event Queue中
• 主线程，遇到console.log，输出console
• 第一轮事件循环中，存在微任务，执行微任务，输出then
• 第一轮事件循环正式结束，第二轮时间循环从setTimeout宏任务开始，直接输出setTimeout