EventLoop(回顾)
- 基本概念
- 影响
- JavaScript是单线程的语言
- 同步任务和异步任务
- 同步任务(synchronous)
- 异步任务(asynchronous)
- 同步任务和异步任务的执行过程
- 宏任务和微任务
- 宏任务
- 微任务
- 宏任务和微任务的执行过程
- 参考
基本概念
JavaScript主线程从"任务队列"中读取异步任务的回调函数,放到执行栈中依次执行,这个过程是循环不断的,所以整个的这种运行机制又称为EventLoop(事件循环机制
),负责执行代码、收集
和处理
事件以及执行队列中的子任务
影响
Event Loop 的设计会带来一些问题,比如setTimeout、setInterval的时间精确性
// 启动计时器
console.time('testForEach');
setTimeout(()=>{// 停止计时,输出时间console.timeEnd('testForEach');
},2000)
JavaScript是单线程的语言
JavaScript是一门单线程执行的编程语言,也就是说同一时间只能做一件事
单线程执行任务队列的问题:
如果前一个任务非常耗时,则后续的任务就不得不一直等待,从而导致程序假死
现象
同步任务和异步任务
同步任务(synchronous)
指的是在主线程
上排队执行的任务
只有前一个任务执行完毕,才能执行后一个任务
异步任务(asynchronous)
异步任务由JavaScript委托给宿主环境
进行执行
当异步任务执行完,会通知JavaScript主线程
执行异步任务的回调函数
同步任务和异步任务的执行过程
经典题目
例题
例题2
宏任务和微任务
宏任务
包括 script 全部代码
、setTimeout
、setInterval
、setImmediate(Node.js)、requestAnimationFrame(浏览器)、I/O 操作、UI 渲染(浏览器),这些代码执行便是宏任务。
微任务
包括process.nextTick(Node.js)
、Promise
、MutationObserver
(监听DOM),这些代码执行便是微任务
宏任务和微任务的执行过程
先微后宏
- 宏任务队列一次只从队列中取一个任务执行,执行完后就去执行微任务队列中的任务。
- 微任务队列中所有的任务都会被依次取出来执行,直到微任务队列为空。
- 在
执行完所有的微任务
之后,执行下一个宏任务之前,浏览器会执行 UI 渲染操作、更新界面。
参考
链接
EventLoop(回顾)相关推荐
- sqlServer 身份认证 登录
转载: https://blog.csdn.net/Com_ma/article/details/80714756 首先,以默认的windows验证方式打开并登录SQL Server 2008 第二步 ...
- 回顾 2018,展望 2019
1. 概述 今天是 2019 年第一天,趁着元旦 3 天假期时间,对即将过去的这一年做个总结回顾,看下这一年得到了什么,失去了什么,并对来年做个新的规划,看下需要采取哪些措施提升自己. 2. 2018 ...
- Jeff Dean回顾谷歌2021
Jeff Dean回顾谷歌2021 新年伊始,谷歌AI掌门人Jeff Dean的年度总结「虽迟但到」,这篇万字长文系统回顾了过去一年来机器学习领域的五大趋势.除了超大AI模型,谷歌去年还做了啥? 20 ...
- ❤️Spark的关键技术回顾,持续更新!【推荐收藏加关注】❤️
目录 前言 Spark的关键技术回顾 一.Spark复习题回顾 1.Spark使用的版本 2.Spark几种部署方式? 3.Spark的提交任务的方式? 4.使用Spark-shell的方式也可以交互 ...
- 2021年大数据Spark(四十二):SparkStreaming的Kafka快速回顾与整合说明
目录 Kafka快速回顾 消息队列: 发布/订阅模式: Kafka 重要概念: 常用命令 整合说明 两种方式 两个版本API 在实际项目中,无论使用Storm还是SparkStreaming与Flin ...
- scrum回顾_Scrum和SAFe之间有什么不同
原文地址:https://www.knowledgehut.com/blog/agile/scrum-vs-safe Scrum是基于敏捷的价值观和原则的框架,而SAFe是在企业级别实施Scrum的框 ...
- Java基础知识回顾之六 ----- IO流
前言 在上一篇文章中,回顾了Java的多线程.而在本篇文章中主要介绍Java IO的相关知识. IO的介绍 什么是IO? IO的名称又来是Input与Output的缩写,也就是输入流和输出流.输入流用 ...
- 12月第三周安全要闻回顾:浏览器安全不容忽视,SSL弱点影响网站安全
本周(081215至081221)安全方面的新闻众多,主要集中在***与威胁趋势方面.浏览器安全方向波澜起伏,微软推出了针对上周公开的IE7新漏洞的紧急安全补丁,但目前互联网上针对该漏洞的大规模*** ...
- 网络管理员比赛回顾04-DHCP
目录 一.DHCP的配置 二.DHCP中继 2021年9月参加青年网络管理员比赛,因为网管超龄不能按照"青年"参赛,临时培训我们这批"青年"参赛,回顾一下经过以 ...
最新文章
- H5 客户端设置title 滑动验证码
- Android源码分析--MediaServer源码分析(二)
- [转 TDD] 如何坚持TDD:使用者出现的问题以及解决方案
- python期末知识点_史上最全的Python知识点整理之基本语法
- 优质学习内容(自用)
- 主成分分析中特征值分解与SVD(奇异值分解)的比较及其相关R语言的实现
- simulink模块的输入端口与参数的关系
- 20211213软件测试基础达内视频笔记
- Win10卸载微软sql服务器,Win10 64位如何彻底卸载Sql Server 2012 SQL2012卸载后无法重装的解决方法...
- Windows域控统一设置客户端桌面壁纸【全域策略生效】
- Word文件标尺工具不见了,怎么恢复
- python计算球体表面积和体积_图解球体表面积和体积正确计算方法及计算公式(原创)...
- docker + nginx + uwsgi + ubuntu部署django项目
- ANSYS APDL循环建模时的一些注意事项
- fresco 显示缩略图,不直接使用setImageURI,防止卡顿和显示不全:纯黑色或纯白色
- c++ 调用c# dll修改win10锁屏背景
- Go语言switch语句
- 单机Eureka的构建
- 数论概论笔记(二)勾股数组
- 安装vimplus后提示 The ycmd server SHUT DOWN的解决方法
热门文章
- 从安装jdk开始(安装jdk的步骤)
- 人脸识别: 人脸数据集大全
- java常见编程练习hw二(中等难度)
- Enable MMC3 interface On Am57xx
- STM32F407定时器输入捕获
- C语言中的strcat()函数
- tplink控制上网设备_TP-LINK无线路由器怎么设置限制别人wifi网速
- Python用正则表达式根据格式匹配成语,如:AABB,AABC,ABAC......
- Spring AOP:搞清楚advice的执行顺序
- 数据库—应用系统开发方法