js中的事件循环

时间:2020-9-4 作者:admin


事件循环event loop:

由于主线程不断重复获得任务,执行任务,在获取任务,在执行,所以这种机制被称为事件循环
js中的事件循环

任务队列:

在主线程之外还存在一个任务队列,任务队列中存放着需要异步执行的内容。
当主线程运行完毕之后,就会去执行任务队列中的任务(不断的重复扫描)直到任务队列清空。
事件队列在不同的宿主环境中有差异, 浏览器的环境中, 会把事件队列分为两种
1. 宏队列 定时器的回调、 事件的回调, http回调 等都是加入到宏队列中
2. 微队列(vip) promise, MutationObserver()

JS执行机制:

js引擎永远执行的是执行栈的最顶部
1.先执行执行栈中的同步任务
2.异步任务(回调函数)放入任务队列中
3.一旦执行栈中的所有同步任务执行完毕,
系统就会按次序读取任务队列中的异步任务,
于是被读取的异步任务结束等待状态,
进入执行栈,开始执行
/执行栈: call stack 一种结构, 放的是函数的执行环境, 每一次函数执行之前, 他的所有内容全部会放到执行栈中, 函数调用之前, 会创建执行环境, 放到执行栈当中, 函数调用完成, 销毁执行环境
js中的事件循环

浏览器宿主环境有5个线程

  1. JS引擎(js主线程)
  2. GUI线程( 布局引擎) 互斥状态, 相互等待
  3. 事件监听线程
  4. 计时线程
  5. 网络线程
声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。