前端 宏任务 微任务（JavaScript中的宏任务和微任务）

在 JavaScript 中   
    
    
    
，宏任务和微任务是指在执行代码的过程中的两种不同的任务类型   
    
    
    
。

宏任务（macro task）指的是浏览器在执行代码的过程中会调度的任务


     


     


     


   ，比如事件循环中的每一次迭代    
    
    
   、setTimeout 和 setInterval 等


     


     


     


   。宏任务会在浏览器完成当前同步任务之后执行 




 




 




 

。

微任务（micro task）指的是在当前宏任务执行完成之后立即执行的任务 




 




 




 

，比如 Promise 的回调函数    


     


     


     

、process.nextTick 等   

   

   

   

。

举个例子   

   

   

   

，假设你有一个代码块：

console.log(Start); setTimeout(() => console.log(Timeout), 0); Promise.resolve().then(() => console.log(Promise)); console.log(End);

执行这段代码的输出顺序会是：

Start End Promise Timeout

这里的 setTimeout 和 Promise.resolve().then 都是异步操作

     

     

     

  ，但是它们会在不同的时间执行

     

     

     

  。setTimeout 是一个宏任务
  




  




  




  
，它会在主线程的事件循环中被调度执行  


  


  


  


，因此它会在同步任务执行完毕之后才会被执行
  




  




  




  
。而 Promise.resolve().then 是一个微任务 
     
     
     
 ，它会在当前宏任务执行完成之后立即执行  


  


  


  


。

在 JavaScript 中

   




   




   




   ，宏任务和微任务是相互独立的 



 



 



 



，在一次事件循环中会先执行所有的宏任务                 ，然后再执行所有的微任务 
     
     
     
 。举个例子


    




    




    




    ，假设你有这样的一个代码块：

console.log(Start); setTimeout(() => console.log(Timeout), 0); Promise.resolve().then(() => console.log(Promise)); console.log(End); setTimeout(() => console.log(Timeout 2), 0); Promise.resolve().then(() => console.log(Promise 2));

执行这段代码的输出顺序会是：

Start End Promise Promise 2 Timeout Timeout 2

在这段代码中


















，第一个 setTimeout 和第一个 Promise.resolve().then 都是在同步任务执行完之后执行的

   




   




   




   。由于第一个 Promise.resolve().then 是一个微任务                  ，所以它会在第一个 setTimeout 之前执行 



 



 



 



。第二个 setTimeout 和第二个 Promise.resolve().then 也是在同步任务执行完之后执行的


     



     



     



    ，且它们的执行顺序与第一组宏任务和微任务的执行顺序是一样的                 。

在 JavaScript 中

















，宏任务和微任务的执行顺序是非常重要的   
    
    
    
，因为它会影响到你的代码的执行结果


    




    




    




    。比如在异步编程中


     


     


     


   ，如果你希望在某个异步操作完成之后立即执行另一个操作 




 




 




 

，你可以使用微任务来实现


















。

总结一下   

   

   

   

，宏任务和微任务是 JavaScript 中用来管理异步操作的两种任务类型

     

     

     

  ，它们在执行顺序上有一定的差别                  。宏任务会在同步任务执行完之后执行
  




  




  




  
，而微任务会在当前宏任务执行完之后立即执行


     



     



     



    。理解这两种任务的执行顺序对于编写高效的 JavaScript 代码是非常重要的

















。

在浏览器环境中  


  


  


  


，宏任务和微任务是通过浏览器的事件循环机制来管理的   
    
    
    
。在每一次事件循环中 
     
     
     
 ，浏览器会先执行所有的宏任务

   




   




   




   ，然后再执行所有的微任务


     


     


     


   。这个过程会不断重复 



 



 



 



，直到所有的宏任务和微任务都被执行完毕 




 




 




 

。

在 Node.js 中                 ，宏任务和微任务也是通过事件循环机制来管理的


    




    




    




    ，但是它的事件循环机制与浏览器的略有不同   

   

   

   

。Node.js 中的事件循环使用的是 libuv 库来实现的


















，它会先执行所有的宏任务                  ，然后再执行所有的微任务


     



     



     



    ，最后再执行 I/O 操作的回调函数

     

     

     

  。这样的事件循环机制使得 Node.js 在处理 I/O 操作时有更好的性能
  




  




  




  
。