• 基本概念
    • 影响
  • 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 全部代码setTimeoutsetInterval、setImmediate(Node.js)、requestAnimationFrame(浏览器)、I/O 操作、UI 渲染(浏览器),这些代码执行便是宏任务。

微任务

包括process.nextTick(Node.js)PromiseMutationObserver(监听DOM),这些代码执行便是微任务

宏任务和微任务的执行过程

先微后宏

  • 宏任务队列一次只从队列中取一个任务执行,执行完后就去执行微任务队列中的任务。
  • 微任务队列中所有的任务都会被依次取出来执行,直到微任务队列为空。
  • 执行完所有的微任务之后,执行下一个宏任务之前,浏览器会执行 UI 渲染操作、更新界面。

参考

链接

EventLoop(回顾)相关推荐

  1. sqlServer 身份认证 登录

    转载: https://blog.csdn.net/Com_ma/article/details/80714756 首先,以默认的windows验证方式打开并登录SQL Server 2008 第二步 ...

  2. 回顾 2018,展望 2019

    1. 概述 今天是 2019 年第一天,趁着元旦 3 天假期时间,对即将过去的这一年做个总结回顾,看下这一年得到了什么,失去了什么,并对来年做个新的规划,看下需要采取哪些措施提升自己. 2. 2018 ...

  3. Jeff Dean回顾谷歌2021

    Jeff Dean回顾谷歌2021 新年伊始,谷歌AI掌门人Jeff Dean的年度总结「虽迟但到」,这篇万字长文系统回顾了过去一年来机器学习领域的五大趋势.除了超大AI模型,谷歌去年还做了啥? 20 ...

  4. ❤️Spark的关键技术回顾,持续更新!【推荐收藏加关注】❤️

    目录 前言 Spark的关键技术回顾 一.Spark复习题回顾 1.Spark使用的版本 2.Spark几种部署方式? 3.Spark的提交任务的方式? 4.使用Spark-shell的方式也可以交互 ...

  5. 2021年大数据Spark(四十二):SparkStreaming的Kafka快速回顾与整合说明

    目录 Kafka快速回顾 消息队列: 发布/订阅模式: Kafka 重要概念: 常用命令 整合说明 两种方式 两个版本API 在实际项目中,无论使用Storm还是SparkStreaming与Flin ...

  6. scrum回顾_Scrum和SAFe之间有什么不同

    原文地址:https://www.knowledgehut.com/blog/agile/scrum-vs-safe Scrum是基于敏捷的价值观和原则的框架,而SAFe是在企业级别实施Scrum的框 ...

  7. Java基础知识回顾之六 ----- IO流

    前言 在上一篇文章中,回顾了Java的多线程.而在本篇文章中主要介绍Java IO的相关知识. IO的介绍 什么是IO? IO的名称又来是Input与Output的缩写,也就是输入流和输出流.输入流用 ...

  8. 12月第三周安全要闻回顾:浏览器安全不容忽视,SSL弱点影响网站安全

    本周(081215至081221)安全方面的新闻众多,主要集中在***与威胁趋势方面.浏览器安全方向波澜起伏,微软推出了针对上周公开的IE7新漏洞的紧急安全补丁,但目前互联网上针对该漏洞的大规模*** ...

  9. 网络管理员比赛回顾04-DHCP

    目录 一.DHCP的配置 二.DHCP中继 2021年9月参加青年网络管理员比赛,因为网管超龄不能按照"青年"参赛,临时培训我们这批"青年"参赛,回顾一下经过以 ...

最新文章

  1. H5 客户端设置title 滑动验证码
  2. Android源码分析--MediaServer源码分析(二)
  3. [转 TDD] 如何坚持TDD:使用者出现的问题以及解决方案
  4. python期末知识点_史上最全的Python知识点整理之基本语法
  5. 优质学习内容(自用)
  6. 主成分分析中特征值分解与SVD(奇异值分解)的比较及其相关R语言的实现
  7. simulink模块的输入端口与参数的关系
  8. 20211213软件测试基础达内视频笔记
  9. Win10卸载微软sql服务器,Win10 64位如何彻底卸载Sql Server 2012 SQL2012卸载后无法重装的解决方法...
  10. Windows域控统一设置客户端桌面壁纸【全域策略生效】
  11. Word文件标尺工具不见了,怎么恢复
  12. python计算球体表面积和体积_图解球体表面积和体积正确计算方法及计算公式(原创)...
  13. docker + nginx + uwsgi + ubuntu部署django项目
  14. ANSYS APDL循环建模时的一些注意事项
  15. fresco 显示缩略图,不直接使用setImageURI,防止卡顿和显示不全:纯黑色或纯白色
  16. c++ 调用c# dll修改win10锁屏背景
  17. Go语言switch语句
  18. 单机Eureka的构建
  19. 数论概论笔记(二)勾股数组
  20. 安装vimplus后提示 The ycmd server SHUT DOWN的解决方法

热门文章

  1. 从安装jdk开始(安装jdk的步骤)
  2. 人脸识别: 人脸数据集大全
  3. java常见编程练习hw二(中等难度)
  4. Enable MMC3 interface On Am57xx
  5. STM32F407定时器输入捕获
  6. C语言中的strcat()函数
  7. tplink控制上网设备_TP-LINK无线路由器怎么设置限制别人wifi网速
  8. Python用正则表达式根据格式匹配成语,如:AABB,AABC,ABAC......
  9. Spring AOP:搞清楚advice的执行顺序
  10. 数据库—应用系统开发方法