事件循环机制

4 篇文章 0 订阅

说起事件循环,首先先介绍两个概念,“进程”和“线程”。

进程: CPU 在运行指令及加载和保存上下文所需的时间。

线程:是进程中的更小单位,描述了执行一段指令所需的时间。

举个例子:比如打开一个页面就相当于开启了一个进程,这个进程中呢又包含了许多的线程,比如JS线程,ui渲染线程,http请求线程。。。

说到JS线程,大家都知道是单线程的,因为这里有个执行栈(遵循“先进后出”原则),相当于主线程。如果大家都走主线程的话存在堵塞问题,性能较低,所以提出了同步,异步的概念。那同步,异步如何处理的呢?请看流程图(盗用):

哪些是同步任务,哪些是异步任务呢?

同步:js代码;

异步又分两种:

宏任务(macrotask队列):script,setTimeout,setInterval,setImmediate,I/O,UI rendering

微任务(microtask队列):process.nextTick(),promise,mutationObserve

按照“宏任务--->微任务--->UI渲染--->宏任务--->微任务--->UI渲染”一直循环下去,因为js属于宏任务,所以循环是从宏任务开始的,至于优先级就是上面列出的顺序。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值