当前位置: 首页 > news >正文

实践:事件循环

实践:事件循环

  • 代码示例
console.log('1');
setTimeout(() => console.log('2'), 0);
Promise.resolve('3').then(res => console.log(res));
console.log('4');

上述的代码的输出结果是什么

在这里插入图片描述

  • 1和4肯定优先输出,因为他们会立即方式堆栈的执行上下文中执行,3这个then回调函数会被放入微队列中优先处理,而计时器会放入回调队列中等待微队列执行完毕后再放入调用堆栈中执行

  • 所有回调队列中的代码是无法保证执行效率的,我们可以在用一个Promise来执行一个长时间的一个微队列

console.log('1');
setTimeout(() => console.log('2'), 0);
Promise.resolve('3').then(res => console.log(res));
Promise.resolve('4').then(res => {for (let i = 1; i < 100000000000; i++) {}console.log(res);
});
console.log('5');

在这里插入图片描述

  • 如果微队列需要等待很长的时间,所以对于回调队列中的函数我们无法保证它的执行效率
http://www.lryc.cn/news/514483.html

相关文章:

  • C++ 设计模式:建造者模式(Builder Pattern)
  • SQL偏移类窗口函数—— LAG()、LEAD()用法详解
  • 基于Pytorch和yolov8n手搓安全帽目标检测的全过程
  • [CTF/网络安全] 攻防世界 upload1 解题详析
  • 03-其他
  • EasyExcel自定义动态下拉框(附加业务对象转换功能)
  • 2025.1.2
  • 重庆大学软件工程复试怎么准备?
  • Ant Design Pro搭建react项目
  • mysql连接时报错1130-Host ‘hostname‘ is not allowed to connect to this MySQL server
  • 办公 三之 Excel 数据限定录入与格式变换
  • Ubuntu执行sudo apt-get update失败的解决方法
  • torch.nn.functional的用法
  • 最新常见的图数据库对比,选型,架构,性能对比
  • UE5材质节点Camera Vector/Reflection Vector
  • NextCloud服务安装与配置教程
  • 详解GPT-信息抽取任务 (GPT-3 FAMILY LARGE LANGUAGE MODELS)
  • 华为数通考试模拟真题(附带答案解析)题库领取
  • 微信小程序:正确输出<小于,大于>符号
  • Flink源码解析之:如何根据算法生成StreamGraph过程
  • 矩阵简单问题(Java)
  • Elasticsearch DSL版
  • 2024-12-29-sklearn学习(26)模型选择与评估-交叉验证:评估估算器的表现 今夜偏知春气暖,虫声新透绿窗纱。
  • STM32CUBEIDE FreeRTOS操作教程(十二):std dynamic memory 标准动态内存
  • 异步爬虫之aiohttp的使用
  • 【Rust自学】9.1. 不可恢复的错误以及panic!
  • 【老张的程序人生】一天时间,我成软考高级系统分析师
  • vue使用el-select下拉框自定义复选框
  • k8s基础(2)—Kubernetes-Namespace
  • APM for Large Language Models