我了解的事件循环(事件队列 Event Loop)

225 阅读2分钟

1.事件循环Event Loop概念介绍

事件循环Event Loop又叫事件队列,两者是一个概念

1.什么是事件循环?

  • 1.浏览器解析执行js代码的一种运行机制(执行规则)
  • 2.事件循环指的是js代码所在运行环境(浏览器、nodejs)编译器的一种解析执行规则。

2.注意

在js中讨论事件循环是没有意义的, : 事件循环不属于js代码本身的范畴,而是属于js编译器的范畴.两者不是一个层面的概念。

js代码可以理解为是一个人在公司中具体做的事情, 而 事件循环 相当于是公司的一种规章制度。

2.微任务、宏任务概念介绍

1.概念介绍

  • 1.微任务与宏任务属于js代码的范畴
  • 2.js代码主要分为两大类:同步代码、异步代码
  • 3.异步代码又分为:微任务与宏任务

2.同步任务与异步任务

  • 同步任务:同步任务不需要进行等待,必须立即看到执行结果,比如console
  • 异步任务:异步任务需要等待一定的时候才能看到结果,比如setTimeout、网络请求

3.细分异步任务中的宏任务和微任务

image.png

3.事件循环Event Loop执行机制

  • 1.进入到script标签,就进入到了第一次事件循环.

前端刘傲波纵向图解.jpg

  • 2.遇到同步代码,立即执行

  • 3.遇到宏任务,放入到宏任务队列里.

  • 4.遇到微任务,放入到微任务队列里.

  • 5.执行完所有同步代码

  • 6.执行微任务代码

  • 7.微任务代码执行完毕,本次队列清空

寻找下一个宏任务,重复步骤1

以此反复直到清空所以宏任务,这种不断重复的执行机制,就叫做事件循环

附图一张(不成敬意~~~)

前端刘傲波纵向图解.jpg

4.后记

如果发现内有语句或逻辑混乱的地方,还请各路大神指正。

image.png