js异步之宏任务（marcroTask）和微任务（microTask）

什么是宏任务和微任务

宏任务包括：setTimeout setInterval Ajax DOM事件
微任务：Promise async/await
微任务比宏任务的执行时间要早

 

异步和单线程是相辅相成的，js是一门单线程脚本语言，所以需要异步来辅助

异步和同步的区别:

• 异步不会阻塞程序的执行，
• 同步会阻塞程序的执行，

前端使用异步的场景：

1. 定时任务：setTimeout，setInverval
2. 网络请求：ajax请求，动态<img>加载
3. 事件绑定

 

同步异步问题
首先，你要知道javascript是单线程语言。js任务需要排队顺序执行，如果一个任务耗时过长，后边一个任务也的等着，但是，假如我们需要浏览新闻，但新闻包含的超清图片加载很慢，总不能网页一直卡着直到图片完全出来，所以将任务设计成了两类：

同步任务
异步任务
 

任务列队和event loop（事件循环） 

 单线程就意味着，所有的任务都要排队，前一个结束，才会执行后面的任务。如果列队是因为计算量大，CPU忙不过来，倒也算了。但是更多的时候，CPU是闲置的，因为IO设备处理得很慢，例如
ajax读取网络数据。js设计者便想到，主线程完全可以不管IO设备，将其挂起，然后执行后面的任务。等后面的任务结束掉，在反过头来处理挂起的任务。
 

只要主线程空了，就会读取任务列队，这就是js的运行机制，也被称为 event loop（事件循环） 

三、执行顺序 

1.主线程上宏任务、微任务执行顺序 

2.宏任务中包含微任务