🎉 宏任务与微任务

1. ES6 之后引入了 Promise 对象， 让 JS 引擎也可以发起异步任务

2. 异步任务划分为了

   • 宏任务：由浏览器环境执行的异步代码
   • 微任务：由 JS 引擎环境执行的异步代码
3. 宏任务和微任务具体划分：
   

4. 事件循环模型

   /**
   * 目标：阅读并回答打印的执行顺序
   */
   console.log(1)
   setTimeout(() => {
    console.log(2)
   }, 0)
   const p = new Promise((resolve, reject) => {
    resolve(3)
   })
   p.then(res => {
    console.log(res)
   })
   console.log(4)

   

注意：宏任务每次在执行同步代码时，产生微任务队列，清空微任务队列任务后，微任务队列空间释放！

下一次宏任务执行时，遇到微任务代码，才会再次申请微任务队列空间放入回调函数消息排队

总结：一个宏任务包含微任务队列，他们之间是包含关系，不是并列关系

• JavaScript 内代码如何执行？
• 执行第一个 script 脚本事件宏任务，里面同步代码遇到 宏任务/微任务 交给宿主环境，有结果回调函数进入对应队列当执行栈空闲时，**清空微任务队列**，再执行下一个宏任务，从1再来

事件循环 - 经典面试题

1. 需求：请切换到对应配套代码，查看具体代码，并回答打印顺序（锻炼事件循环概念的理解，阅读代码执行顺序_）

   // 目标：回答代码执行顺序
   console.log(1)
   setTimeout(() => {
    console.log(2)
    const p = new Promise(resolve => resolve(3))
    p.then(result => console.log(result))
   }, 0)
   const p = new Promise(resolve => {
    setTimeout(() => {
      console.log(4)
    }, 0)
    resolve(5)
   })
   p.then(result => console.log(result))
   const p2 = new Promise(resolve => resolve(6))
   p2.then(result => console.log(result))
   console.log(7)