【ajax核心05】宏任务与微任务

ES6之后引入Promise对象(用来管理异步任务)，让JS引擎也可以发起异步任务

一：异步任务分类

异步任务分为：宏任务与微任务

宏任务

由浏览器环境执行的异步代码

具体宏任务分类

微任务

由JS引擎执行的代码

创建Promise对象时，本身时同步任务。但是then与catch里面的回调函数是异步任务

二：JS代码执行流程

1. 执行

三：经典面试题

面试题1

<script>
    // 目标：回答代码执行顺序
    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)
  </script>
  //1 7 5 6 2 3 4

面试题2

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)

打印顺序为：1 4 3 2
setTimeout与.then方法分别是宏任务与微任务，其执行时分别位于宏任务队列和微任务队列中。由于.then方法执行所在的环境在JS引擎中，所以其比在宏任务队列中的setTimeout更先执行。
微任务队列中的任务比宏任务队列中的任务更先执行

如何赚钱

现在是否厌倦了程序员朝九晚五的生活，想给自己生活寻找另一条路径；在校大学生是否愿意在校进行人生中的第一次创业，获取人生第一桶金；是否正在看此篇文章的你愿意通过五年努力，让自己开上梦想的中的车子；

那就从提升认知开始，加入微木的知识星球：微木的创业思考

专属于创业者的交流集中地，创业、认知提升找微木！

1 创业底层方法论

2 从千万本书书籍中挑选出的，人生必读书目清单。

3 认知提升学习资源（秘密）

4 寻找赚钱项目底层方法论

5 好书精华提炼

6 深度链接微木

每天仅需0.3元/天，欢迎加入专属于创业者的交流集中地，创业、认知提升找微木！