10.异步任务的分类（宏任务与微任务）和Promise.all 静态方法

一.宏任务与微任务

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)

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

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

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

二.Promise.all 静态方法

1. 概念：

合并多个 Promise 对象，等待所有同时成功完成（或某一个失败），做后续逻辑

2. 语法：

const p = Pro