宏任务和微任务

先来看看概念

每一个宏任务执行完都会检查有没有待执行的微任务，如果有则将待执行的所有微任务执行完毕再执行下一个宏任务

同步任务执行完也会检查有没有待执行的微任务

注意：是每执行一次宏任务或者同步任务都要检查有没有待执行的微任务

建议跟着步骤阅读

setTimeout(()=>{   //第一步：setTimeout宏任务，先不执行，先放到宏任务队列中
    new Promise(resolve =>{
        resolve();
    }).then(()=>{//第八步：setTimeout宏任务队列中有一个微任务，先放到微任务队列中
        console.log('1'); //第十步：找到微任务执行此处 1，所以最终输出顺序为(3,7,4,5,6,2,1)
    });
  
    console.log('2');//第九步：执行同步任务 2，然后继续到微任务队列中
  });
  
  new Promise(resolve => {  //第二步：new promise在实例化过程中属于同步，所以console.log('3')输出
    resolve();
    console.log('3')
  }).then( () => {  //第三步：promise.then中回调是属于微任务，所以先放到微任务中
    console.log('4');//第五步：在微任务队列中按顺序执行执行微任务 输出4
    Promise.resolve().then(() => {
      console.log('5');//第六步：输出5
    }).then(() => {
      Promise.resolve().then(() => {
        console.log('6') //第七步：输出6  ,到此微任务的队列中所有微任务执行完毕，然后重新找到宏任务队列中的宏任务
      })
    })
  })
  console.log('7');  //第四步输出同步任务7，然后目前宏任务执行完毕再去找微任务队列

最终输出：3，7，4，5，6，2，1

javascript把异步任务又分为了两种一个是宏任务，一个是微任务

宏任务：异步ajax请求，setTimeout,setInterval,文件操作，……

微任务：promise.then,.catch,.finally,process.nextTick,……