事件循环

1. js线程,也是主线程,主要执行js同步代码
2. 然后遇到异步代码,比如说定时器,然后就会放到浏览器其他线程里面,开始计时
3. 计时成功之后,这个js线程,并不会立即执行,
4. 计时成功之后,其他线程,会把这个放到任务队列里面
5. 而是js线程空闲的时候,就去任务队列里面看,有哪些需要执行的线程,然后取出来执行

宏任务队列和微任务队列

哪些是宏任务,哪些是微任务

执行规范

面试题技巧

1. 划分出三列,主线程,微任务,宏任务
2. 主线程,一定是先执行
3. 然后执行微任务,最后宏任务
4. 也就是说,在执行宏任务前,微任务队列一定被清空.

加入微任务队列的代码

1. 我们都知道Promise的代码时加入微任务队列的.
2. 途中11行到14行的代码,要等到第4行,resolve之后,才会执行
3. 所以这部分的实际上,也是被加入到微任务队列里面了.

微任务的推迟

1. return普通值,正常加入微任务
2. return一个Promise,推迟一个微任务
3. return一个Promise.resolve(),推迟两个微任务

面试题1

问题

解答

解答过程

事件循环面试题1.drawio

视频讲解

面试题2

问题

解答

图解

事件循环面试题2.drawio

面试题3

问题

解答

图解

事件循环面试题3.drawio

来源：https://www.cnblogs.com/zhuoss/p/15937844.html
本站部分图文来源于网络，如有侵权请联系删除。