宏任务和微任务

先来看看概念

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

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

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

建议跟着步骤阅读

setTimeout(()=>{//第一步：setTimeout宏任务，先不执行，先放到宏任务队列中newPromise(resolve =>{resolve();}).then(()=>{//第八步：setTimeout宏任务队列中有一个微任务，先放到微任务队列中
        console.log('1');//第十步：找到微任务执行此处 1，所以最终输出顺序为(3,7,4,5,6,2,1)});
  
    console.log('2');//第九步：执行同步任务 2，然后继续到微任务队列中});newPromise(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,……