JS高阶---事件循环模式(事件轮询)

Posted jianxian

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS高阶---事件循环模式(事件轮询)相关的知识,希望对你有一定的参考价值。

大纲:

技术图片

 

 

 

相关知识点:

技术图片

 

 

主体:

(1)模型原理

技术图片

 

 

JS部分:初始化代码执行
WebAPIS:执行上下文对象(不是一个真的对象,而是一个抽象的虚拟对象,可以看做栈里的一个区域,包含很多对象)
setTimeout:定时器管理模块(分线程)
DOM(document):事件响应管理模块(分线程)
callback queue:回调函数队列---→待执行

JS中的stack初始化代码优先执行,当执行完毕后,才会执行回调代码

 

 

重点:

先执行初始化代码,执行完毕后才会循环遍历“”回调队列“”里的回调代码

技术图片

 

 

 

(2)相关问题

技术图片

 

 

(3)执行栈

技术图片

 

 

(4)浏览器内核

技术图片

 

 

(5)回调队列

技术图片

 

 

 

(6)事件轮询

技术图片

 

 

(7)事件驱动模型

技术图片

技术图片

 

 

(8)请求响应模型

技术图片

 

 本质为:浏览器与服务器的交互---请求与响应的模型

 

 

 

 

 

.

以上是关于JS高阶---事件循环模式(事件轮询)的主要内容,如果未能解决你的问题,请参考以下文章

JS高阶---线程与事件机制(小结)

node.js事件轮询

线程机制与事件机制:进程与线程 浏览器内核 定时器引发的思考 JS是单线程执行的 浏览器的事件循环(轮询)模型

高级前端养成39js专精07之Event Loop

JS中的异步以及事件轮询机制

Node.js 事件循环