日常生活的交流与学习

首页 新随笔 联系 管理

事件循环

image-20220225155456447

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

宏任务队列和微任务队列

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

image-20220225155602652

image-20220225155715765

执行规范

image-20220225155652965

面试题技巧

image-20220225155812330

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

加入微任务队列的代码

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

微任务的推迟

image-20220225160436629

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

面试题1

问题

image-20220225183529519

解答

解答过程

事件循环面试题1.drawio

视频讲解

image-20220225191912107

面试题2

问题

image-20220225203534228

解答

图解

事件循环面试题2.drawio

面试题3

问题

image-20220225205021955

解答

图解

事件循环面试题3.drawio

posted on 2022-02-25 21:13  lazycookie  阅读(41)  评论(0编辑  收藏  举报