javascript 宏任务和微任务 总结

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

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

宏任务一般是：包括整体代码script，setTimeout，setInterval。
微任务：new promise().then(回调) ，process.nextTick（在node运行环境中优先级高于promise（））。

示例：

console.log('开始');
setTimeout(function() {
     console.log('setTimeout');
})
new Promise(function(resolve) {
     console.log('promise');
     resolve();
}).then(function() {
     console.log('then');
})
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

博客园地址:https://www.cnblogs.com/Li–gm/p/13074242.html