js事件循环

什么是异步 

js是单线程语言,因为它是运行在浏览器的渲染主线程上,而浏览器的渲染主线程只有一个,但是渲染主线程需要渲染页面执行js代码等等,

如果用同步的话就有可能造成渲染主线程的阻塞,就会导致消息队列里面的其他任务不能及时执行,一方面会导致主线程会有等待的时间,另一方面会导致页面没有及时更新

所以就采用异步的方式来避免,具体方法是当某些任务执行时,比如计算器、网络请求、事件监听,主线程会把对应的任务交给对应的线程去执行(计算器交由计时线程)然后再去执行主线程上面的代码     当其他线程完成时会将对应的回调函数包装成任务放到消息队列的末尾等待主线程的执行

 js的事件循环

事件循环又叫消息循环或者消息队列,是浏览器渲染主线程的的工作方式。

会开启一个不会结束的for循环,每次循环时就从消息队列取出一个第一个任务执行,其他线程只需要在合适的时候往消息队列末尾添加任务。

以前会把消息队列分为宏任务和微任务,但是现在已经满足不了了,每个任务都有不同的类型,同类型的任务必须在同一个队列,不同的任务可以分属于不同的队列,但是队列里面不能一会这个一会那个类型的任务  在一次循环中,由浏览器决定执行哪一个队列的任务,浏览器必须有一个微队列(优先级最高)交互队列(高)延时队列(中)

js中计算器能不能精确计时

 1、操作系统的计时函数本身就有少量偏差,js的计时器最终也是调用操作系统的函数

2、按照w3c的标准,浏览器实现计时器时,如果嵌套超过五层就会带有4毫秒的延时

3、受时间循环的影响,计算器的回调函数只能在渲染主线程空闲的时候运行,因此会带来偏差

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript事件循环JavaScript中用于处理异步操作的机制。由于JavaScript是单线程的,它无法同时执行多个任务。为了处理异步任务,JavaScript引入了事件循环机制。 事件循环主要由以下几个组成部分: 1. 调用堆栈(Call Stack):用于存储函数调用的记录。当函数被调用时,会将其压入调用堆栈中,当函数执行完毕后,会从调用堆栈中弹出。 2. 任务队列(Task Queue):用于存储待处理的异步任务。当异步任务完成时,会被添加到任务队列中。 3. 事件循环(Event Loop):负责监听调用堆栈和任务队列的状态,当调用堆栈为空时,会从任务队列中取出任务并执行。 事件循环的工作流程如下: 1. JavaScript引擎执行同步任务,并将异步任务添加到任务队列中。 2. 当调用堆栈为空时,事件循环会从任务队列中取出一个任务。 3. 取出的任务会被压入调用堆栈中执行。 4. 执行完毕后,调用堆栈为空,事件循环继续从任务队列中取出任务执行。 这样环执行,实现了异步任务的处理。 相关问题: 1. 什么是异步任务?为什么需要处理异步任务? 2. JavaScript如何处理异常? 3. JavaScript中的回调函数是什么?如何使用回调函数处理异步任务? 4. 什么是Promise?如何使用Promise处理异步任务? 5. JavaScript中的定时器有哪些?它们是如何工作的? 6. 什么是事件驱动编程?如何在JavaScript中使用事件驱动编程? 7. JavaScript中的Event Loop与浏览器的渲染机制有什么关系?<span class="em">1</span><span class="em">2</span> #### 引用[.reference_title] - *1* [详解JavaScript事件循环机制](https://download.csdn.net/download/weixin_38694006/13608655)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [浏览器显示数据库中数据的条形图柱状图 前后端分离vue.js+spring boot 计算机软件工程课程设计毕业设计 ...](https://download.csdn.net/download/Amzmks/88275824)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值