千锋教育-做有情怀、有良心、有品质的职业教育机构

400-811-9990
手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

上海
  • 北京
  • 郑州
  • 武汉
  • 成都
  • 西安
  • 沈阳
  • 广州
  • 南京
  • 深圳
  • 大连
  • 青岛
  • 杭州
  • 重庆
当前位置:郑州千锋IT培训  >  技术干货  >  Js事件循环机制

Js事件循环机制

来源:千锋教育
发布人:lxx
时间: 2023-05-24 18:48:34

  在线程之内,又被分为了两个队列:同步任务队列,异步任务队列 同步环境执行(step1) -> 事件循环1(step4) -> 事件循环2(step4的重复)…

千锋教育

  其中的异步进程有:

  a、类似onclick等,由浏览器内核的DOM binding模块处理,事件触发时,回调函数添加到任务队列中;

  b、setTimeout等,由浏览器内核的Timer模块处理,时间到达时,回调函数添加到任务队列中;

  c、Ajax,由浏览器内核的Network模块处理,网络请求返回后,添加到任务队列中。

     异步执行的运行机制

  (1)所有同步任务都在主线程上执行,形成一个执行栈(execution context stack)。  

  (2)主线程之外,还存在一个"任务队列"(task queue)。只要异步任务有了运行结果,就在"任务队列"之中放置一个事件。

  (3)一旦"执行栈"中的所有同步任务执行完毕,系统就会读取"任务队列",看看里面有哪些事件。那些对应的异步任务,于是结束等待状态,进入执行栈,开始执行。

  (4)主线程不断重复上面的第三步。

声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。

猜你喜欢LIKE

Jmeter压力测试工具使用

2023-05-10

说出JS为什么是单线程

2023-04-25

(组件的)状态(state)和属性(props)之间有何不同

2023-04-25

最新文章NEW

描述组件渲染和更新的过程

2023-05-10

应该在 React 组件的何处发起 Ajax 请求

2023-05-10

说一下vue的钩子函数有哪些, 并在项目中有哪些应用

2023-04-25

相关推荐HOT

更多>>

快速通道 更多>>

最新开班信息 更多>>

网友热搜 更多>>