ja_JavaScript_事件循环

事件循环

ja_JavaScript_事件循环

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

宏任务队列和微任务队列

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

ja_JavaScript_事件循环

ja_JavaScript_事件循环

执行规范

ja_JavaScript_事件循环

面试题技巧

ja_JavaScript_事件循环

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

加入微任务队列的代码

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

微任务的推迟

ja_JavaScript_事件循环

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

面试题1

问题

ja_JavaScript_事件循环

解答

解答过程

事件循环面试题1.drawio

视频讲解

ja_JavaScript_事件循环

面试题2

问题

ja_JavaScript_事件循环

解答

图解

事件循环面试题2.drawio

面试题3

问题

ja_JavaScript_事件循环

解答

图解

事件循环面试题3.drawio

上一篇:使用 Node.js 需要了解多少 JavaScript


下一篇:JavaScript数据类型 与 转换