尧图网站建设 尧图网络
  • 首页
  • 关于我们
  • 服务项目
  • 案例展示
  • 建站流程
  • 资讯中心
  • 联系我们
首页/资讯中心/详情

直播平台搭建,浏览器中的事件循环与Node中的事件循环 - 云豹科技

直播平台搭建,浏览器中的事件循环与Node中的事件循环 - 云豹科技
📅 发布时间:2026/6/18 13:36:03

直播平台搭建,浏览器中的事件循环与Node中的事件循环

浏览器中的事件循环

1、JS线程读取并执行JS代码
2、执行JS代码的过程中,指定异步的操作给对应的线程处理
3、异步线程处理完毕之后,讲对应的回调函数推入任务队列
4、JS线程执行完毕之后,查询任务队列,取一个任务推入JS线程运行
5、重复2-4

image

 

image

 

macrotask queue宏任务队列(有多个):Ajax请求、绑定事件的回调函数、定时器的回调函数…
microtask queue微任务队列(只有一个):promises、Object.observe、MutationObserver…

console.log('脚本开始');setTimeout(() => {console.log('进入setTimeout1回调函数');
}, 0);setTimeout(() => {console.log('进入setTimeout2回调函数');Promise.resolve().then(() => {console.log('进入promise2回调函数');Promise.resolve().then(() => {console.log('进入promise3回调函数');});console.log('promise2回调函数结束');});setTimeout(() => console.log('进入setTimeout3回调函数'), 0);
}, 0);Promise.resolve().then(() => {console.log('进入promise1回调函数');
});console.log('脚本结束');

执行结果

脚本开始
脚本结束
进入promise1回调函数
进入setTimeout1回调函数
进入setTimeout2回调函数
进入promise2回调函数
promise2回调函数结束
进入promise3回调函数
进入setTimeout3回调函数

执行流程:
一、查询宏任务队列,取一个执行,把脚本执行当作一个宏任务来看待
二、查询微任务队列,全部执行完毕,包括当前微任务队列执行时产生的新的微任务

Node中的事件循环

Node的组成

image

 

执行步骤
定时器阶段:setTimeout/setInterval
等待回调阶段:执行某些系统操作的回调,TCP错误处理
闲置阶段、准备阶段:只在内部使用
轮询阶段:I/O 回调
检查阶段:setImmediate
关闭回调阶段:关闭类的回调,socket.on(‘close’,…)

示例图

image

 

注意事项:process.nextTick > promise
每个阶段都有自己的先进先出队列,当事件循环进入到该阶段,就会执行指定的队列,直到队列被耗尽,或者达到回调的最大数量
在进入到每一个阶段之前,都会执行NextTick队列和微任务队列,前者优先级更高

// process.nextTick、promise、setImmediate、setTimeout优先级比较// 事件循环的各阶段执行队列任务之前,会先复制当前时间的该阶段的队列
// 事件循环的各阶段执行队列任务,直到队列耗尽或者达到上限
// 进入各阶段之前,会执行微任务队列(nextTick队列和promise队列)
Promise.resolve().then(() => console.log('promise1'));
Promise.resolve().then(() => {console.log('promise2');Promise.resolve().then(() => console.log('promise in promise'));
});
Promise.resolve().then(() => {console.log('promise3');process.nextTick(() => console.log('next tick in promise'));
});
Promise.resolve().then(() => console.log('promise4'));
Promise.resolve().then(() => console.log('promise5'));// 宏任务里边的宏任务总是会放到下一轮询,微任务立即执行?
setImmediate(() => console.log('immediate1'));
setImmediate(() => {console.log('immediate2');process.nextTick(() => console.log('next tick in immediate'));Promise.resolve().then(() => {console.log('promise in immediate');process.nextTick(() => console.log('next tick in promise in immediate'));});setImmediate(() => console.log('inner immediate'));
});// 如果上面的Promis里面加个Promise试一下
process.nextTick(() => console.log('next tick1'));
process.nextTick(() => {console.log('next tick2');process.nextTick(() => console.log('inner next tick'));
});
process.nextTick(() => console.log('next tick3'));setTimeout(() => {console.log('timeout');// 是在执行第一个定时器回调的时候添加到队列的,不是一开始就在队列setTimeout(() => console.log('inner timeout'), 0);
}, 0);setImmediate(() => console.log('immediate3'));
setImmediate(() => console.log('immediate4'));

执行结果

next tick1
next tick2
next tick3
inner next tick
promise1
promise2
promise3
promise4
promise5
promise in promise
next tick in promise
timeout
immediate1
immediate2
immediate3
immediate4
next tick in immediate
promise in immediate
next tick in promise in immediate
inner timeout
inner immediate

以上就是直播平台搭建,浏览器中的事件循环与Node中的事件循环, 更多内容欢迎关注之后的文章

相关新闻

  • Redisson 分布式锁的实现原理 - 教程
  • ros2--service/服务--接口 - 教程
  • 深入解析:【Unity基础】枚举AudioType各个枚举项对应的音频文件类型

最新新闻

  • 2026 年 6 月 19 日北京东城区奢侈品名表回收核心门店专业测评 - 奢侈品回收
  • 2026湖北现代科技学校招生政策详解:报名条件+录取分数线+资助政策(免学费2000元/年+助学金6900元) - 速递信息
  • 物联网Lora模块串口通讯实战:数据收发与指令解析
  • 青岛名包回收避坑指南,认准资质齐全合扬门店保障交易安全 - 奢侈品交易观察员
  • 风管的连接方式优化:提升安装效率与质量
  • 《今日头条》Feed流接口逆向实战:Python爬虫全流程解析(含代码)

日新闻

  • 5分钟掌握Python进化算法:Geatpy高性能优化工具完全指南
  • Microchip 24AA044 EEPROM选型与应用全指南:从参数解析到实战编程
  • 华为的鸿蒙到底有多牛?为什么称作遥遥领先?

周新闻

  • 3步解锁iOS设备:applera1n激活锁绕过完全指南
  • 39 2026 人工智能证书终极盘点,普通人选 AI 证书可以从这些方向入手
  • Redis 暴露公网有多危险?从端口检查到补救步骤

月新闻

  • 【总结】入门篇:50句话让你记住架构核心概念
  • WeChatMsg技术方案解析:实现Mac微信数据自主管理的完整解决方案
  • WeChatMsg:革新性微信数据备份方案,打造你的专属数字记忆库

关于尧图

  • 公司简介
  • 团队介绍
  • 企业文化
  • 荣誉资质

服务项目

  • 定制开发
  • 电商建站
  • UI 设计
  • 运维服务

快速链接

  • 案例展示
  • 建站流程
  • 常见问题
  • 资讯中心

联系方式

  • 📍北京市朝阳区互联网产业园 A 座 10 层
  • 📞400-888-8888
  • ✉️contact@rkmt.cn
  • 🕐周一至周日 9:00-21:00

© 2024 北京尧图网络科技有限公司 版权所有 | 京 ICP 备 XXXXXXXX 号