JS中的Node事件循环机制学习思考

NODEJS的事件轮询机制

程序中打印这三个函数,控制台不管怎么换位置,结果都是

process.nextTick()

setTimeout()

setImmediate();

为什么呢?

首先计时为0,立即执行settimeout函数,然后到第四的poll,发现设置过setimmediate函数,到5阶段。

P任意阶段优先执行。

uvrun函数,事件轮询机制

6个阶段:死循环

1.timers:定时器阶段:计时和执行到点的定时器回调函数

2.pending callbacks:某些操作系统(例如TCP错误类型)的回调函数

3.idle prepare 准备工作

4.poll轮询阶段,轮询队列

如果轮询队列不为空,

有相应的回调函数,依次同步取出轮询队列中的第一个回调函数执行,

直到轮询队列为空或者达到系统的最大限制,会退出系统。

如果轮询队列为空,

如果之前设置过Setimmediate函数直接进入下一个check阶段,

如果之前没有设置,在当前poll阶段等待,直到轮询队列添加回调函数,就去第一个情况执行,如果定时器到点了,也会去下一个阶段。

5.check阶段:

执行SETimmediate设置的回调函数

6.close callbacks 关闭阶段

执行close事件回调函数

从一个url地址到最终页面完成渲染,发生了什么?

1.DNS解析,浏览器将域名地址解析为IP地址:

先读取浏览器DNS缓存,没有就去系统DNS缓存,没有就去路由器DNS缓存,没有去网络运营商DNS缓存,找到IP地址。都找不到做递归搜索。

blog.baidu.com:先去COM域名下查找DNS解析,再去BAIDU,再去BLOG

2.与服务器交互:TCP链接:三次握手:

第一次由浏览器发起,告诉服务器我要发送请求了,

第二次由服务器发起,告诉浏览器我准备接收了,你赶紧发送把

第三次握手,由浏览器发起,告诉服务器我马上就发了,准备接收把

若第一次握手时,B发起,S比较忙,没时间去处理,B不知道S好不好就直接发过去 了,那数据接收不到,需要服务器给个回应,告诉我S准备好了,

第二次握手,S准备好了,打开接口和空间,若B出问题了,发不了了,那么S就干等着,不行,三次保证SB都没有问题了,才能保证通信OK

3.发送请求:

请求报文:HTTP协议的通信内容

4.接收响应:

响应报文:

5.浏览器渲染页面:

遇见HTML标记,会调用HTML解析器解析成TOKEN标记(一个个对象的属性和值),并构成一个DOM树。

遇见style /link标记,浏览器用CSS解析器,处理CSS标记并构建CSSOM树

遇见SCRIPT标记,调用JS解析器,处理script代码(绑定事件,修改DOM树,CSSOM树)

将DOM树和CSSOM树合并成一个渲染树

根据渲染树来计算布局,计算每个节点的几何信息(布局)

将各个节点的颜色绘制到屏幕上(渲染)

注意:不一定按照顺序来执行,可能会反复执行或执行多次

如果DOM或CSSOM树被修改了,会执行多次的布局和渲染,往往开发中这个步骤会执行多次。

6.断开连接:TCP的四次挥手:

第一次由浏览器发起,告诉它我请求报文发送完了,你准备关闭吧

第二次由S发起,告诉B我东西接收完了,请求报文接收完了,我准备关闭了,你也关闭吧

第三次由S发起,告诉B我东西发送完了,你准备关闭吧,我的响应报文发完了

第四次由B 发起,告诉S我东西接收完了,我准备关闭了,你也准备关闭吧,响应报文接收完了,S先关,B再关。

宏任务和微任务

JS代码都是在主线程上执行的,但是要区分是同步执行还是异步执行,当是异步的会对应一个回调函数,而不同的任务对应着不同的回调。

比如定时器的回调,发送Ajax请求的回调点击事件的回调,交给不同的模块

定时器模块,网络处理模块,事件请求模块

什么时候执行取决于回调函数什么时候将回调函数放入到事件循环队列中。

EQ

 

JS引擎会通过轮询事件去检测EQ中是否有回调函数,若有,就将这个回调函数沟出来放到主线程中去执行,所以回调函数又叫钩子函数,

宏任务:

分类:下一次进行动画之前调用对应的回调函数

requestAnimationFrame Settimeout setinterval

属于一步任务的同时属于宏任务

被放置在宏任务队列里面的任务。

当JS主线程执行时,相当于启动了第一个宏任务。第一个宏任务队列中只有一个任务,就是执行主线程 的代码。

宏任务队列可以有多个

 

微任务:

微任务所处的队列就是微任务队列,只有一个微任务队列。

在上一个宏任务队列执行完毕后,如果有微任务队列就会执行微中的所有任务。

分类:NEW 一个promise对象会生成一个实例,实例方法对应一个THEN,y有两个回调函数,属于微任务。

new Promise().then() process.nextTick()

 

定义时分好了。

开始,FOR循环,结束,再去执行回调函数打印成功回调执行,再执行SETTIMEOUT,

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值