js引擎内部运行机制----Event Loop

本文详细介绍了JavaScript引擎的EventLoop机制,解释了为什么JavaScript是单线程以及其背后的考虑,如防止DOM操作冲突。同时,阐述了任务队列的概念,区分了同步任务与异步任务的执行流程,并重点解析了事件循环如何处理任务队列中的异步任务。此外,还讲解了回调函数在异步任务执行中的角色,以及常见的异步操作如setTimeout和事件监听。
摘要由CSDN通过智能技术生成

js引擎内部运行机制----Event Loop
1.问题
alert(1)
setTimeout (function(){ 
    a
}
2.js任务队列
(1)js是单线程
   [1]原因:加入js同时有两个线程,一个线程在某个dom节点添加,一个线程删除了这个节点,那浏览器以哪个线程为主呢?
   [2]因为js的主要用途就是和用户交互,以及操作DOM,所以它只能是单线程,
   [3]html5 提供的 websocket允许js创建多线程,但是创建的子线程完全受主线程的控制。且不允许操作Dom,所以websocket并没有改变js是单线程的本质
(2)任务队列
[1]单线程存在一定的问题,所有任务需要排队,前一个任务结束才会执行后一个任务,如遇到了i/o 网络传说等问题,就会很耗时
[2]为了解决这个问题,提出一个概念,就叫做任务队列
[3]js将任务分为两种
(1)同步任务:在主线程上,必须等待前一个任务执行完,才能执行后一个任务
(2)异步任务:不进入主线程,而是进入“任务队列”,
               主线程只有在得到任务队列的通知,某个异步任务可以执行,该异步任务才会进入主线程
[4]Event Loop 事件循环机制
(1)同步任务在主线程执行,会形成一个“执行栈”
(2)系统将异步任务放到任务队列中方
(3)一旦“执行栈”中,所有的任务执行完毕,系统就会检查任务队列,如有异步任务,则会进入“执行栈”开始执行
(4)主线程从“任务队列”中读取任务的过程是不断循环的,这种机制叫“Event Loop”
3.事件与回调函数
(1)回调函数------既是会被主线程挂起来的代码
(2)异步任务必须指定回调函数,当异步任务从任务队列回到执行栈,回调函数就会被执行
(3)setTimeout、setInsterval延迟执/行与循环执行函数等
      onclick 、onload 等浏览器事件的调用函数
      ajax 异步请求(前后台连接)


 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值