宏任务和微任务

Js 有两种任务的执行模式：同步模式（Synchronous）和异步模式（Asynchronous）。

任务执行顺序：先完成同步任务再完成异步任务。

在异步模式下，创建异步任务主要分为宏任务与微任务两种。

宏任务（Tasks）：由宿主（浏览器、Node）发起

微任务 （Jobs）：由 JS 自身发起

// 宏任务和微任务
// 事件循环执行顺序
/** */
/*
 * 1. 判断宏任务队列是否为空
 * 不空 --> 执行最早进入宏任务队列的任务 --> 执行下一步（执行当下微任务队列内的所有任务）
 * 空 --> 执行下一步（执行当下微任务队列内的所有任务）
 * 2. 判断微任务队列是否为空
 * 不空 --> 执行最早进入队列的任务 --> 继续检查微任务队列空不空
 * 空 --> 执行下一步(执行宏任务队列最前的一个任务)
*/



// 例题1
// 文件执行时,js整体代码为宏任务1
// 宏任务队列  ->  |2.setTimeout|1.js整体代码  ->
// 宏任务1执行时的微任务队列
// ->  |1.Promise  ->
// 宏任务执行时没有微任务队列，事件循环结束

console.log('start'); //宏任务1 的同步任务1

setTimeout(() => { console.log('setTimeout') }, 0) //宏任务2

new Promise((resolve, reject) => {//立即执行
    for (let i = 0; i < 3; i++) {
        console.log(i, 'new Promise i') //宏任务1  的同步任务2
    }
    resolve()
}).then(() => {
    console.log('Promise实例成功回调执行') // 宏任务1下的微任务1
})

console.log('end');//3.宏任务1  的同步任务3

参考来源：
https://blog.csdn.net/m0_65558076/article/details/124210958
http://events.jianshu.io/p/fd15db94a034