js单线程，事件循环，微任务宏任务

什么是宏任务和微任务

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

异步和单线程

---

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

异步和同步的区别:

1. 异步不会阻塞程序的执行，
2. 同步会阻塞程序的执行

前端使用异步的场景:

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

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

1）所有的同步任务都在主线程上执行，行成一个执行栈。

2）除了主线程之外，还存在一个任务列队，只要异步任务有了运行结果，就在任务列队中植入一个时间标记。

3）主线程完成所有任务(执行栈清空），就会读取任务列队，先执行微任务队列在执行宏任务队列。

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

执行顺序

1.主线程上宏任务、微任务执行顺序
执行顺序：主线程 >> 主线程上创建的微任务 >> 主线程上创建的宏任务
宏任务中包含微任务
执行顺序：主线程 >> 主线程上的宏任务队列1 >> 宏任务队列1中创建的微任务