浏览器事件循环原理 —— 任务优先级

 系列文章目录


文章目录

系列文章目录

文章目录

前言

总结


前言

该文章作用于 “web前端大师课” 的学习笔记,附上课程链接


任务有优先级吗

任务没有优先级,在消息队列中先进先出,但消息队列是有优先级的

根据 W3C 的最新解释

  • 每个任务都有⼀个任务类型,同⼀个类型的任务必须在⼀个队列,不同类型的任务可以分属于不同的队列。
  • 在⼀次事件循环中,浏览器可以根据实际情况从不同的队列中取出任务执⾏。

  • 浏览器必须准备好⼀个微队列,微队列中的任务优先所有其他任务执⾏。

三大队列

  • 延时队列:⽤于存放计时器到达后的回调任务,优先级「中」
  • 交互队列:⽤于存放⽤户操作后产⽣的事件处理任务,优先级「⾼」
  • 微队列:⽤户存放需要最快执⾏的任务,优先级「最⾼」

注:添加任务到微队列的主要⽅式主要是使⽤ Promise、MutationObserver


总结

任务在消息队列中,先进先出,没有优先级;但是消息队列有三大类,微队列、交互队列、延时队列,他们的优先级从高到低排列。微队列是每个浏览器必须准备好的一个消息队列,它的优先级是最高的;其次是交互队列,w3c官方认为,用户交互的事件要尽可能的及时反馈,所以他的优先级是除了微队列最高的;最后则是延时队列,一般setTimeout()等计时器的方法都放在这个队列中,但是他的优先级是最低的,这也是 js 中 setTimeout() 的计时不是精确的原因之一,会有一些偏差。

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值