说说你对事件循环event loop的理解?

一、什么是事件循环机制?

为什么是上面的顺序呢?

原因是JS引擎指向代码是从上往下执行的,所以首先会执行序号1这个语句,JS引擎会将这个语句放在调用栈当中,然后执行代码,将序号1打印在控制台当中,当这段代码执行完毕之后,便将这段代码从调用栈中移出去。然后开始执行后续的代码,此时setTimeout这段代码进入调用栈,这段代码,会调用Web API,2秒之后进入callback队列,此时JS引擎将setTimeout移出调用栈,继续执行后面的代码,所以屏幕上会先打印出序号1,3,此时eventLoop登场了,它会不断循环的访问callbackqueue,等2s之后Web API会将要执行的打印序号2这句话放入callbackqueue,eventLoop将callbackQueue中的内容放入调用栈,开始执行,然后屏幕上打印出序号2,这就是eventLoop的基本流程。

执行顺序图解

引出事件循环是什么

JS的运行机制就是事件循环!

二、JS的执行顺序是什么?

JS是从上到下一行一行执行。

如果某一行执行报错,则停止执行下面的代码。

先执行同步代码,再执行异步代码

三、事件循环的执行过程

同步代码,调用栈执行后直接出栈

异步代码,放到Web API中,等待时机,等合适的时候放入回调队列(callbackQueue),等到调用栈空时eventLoop开始工作,轮询

微任务执行时机比宏任务要早

微任务在DOM渲染前触发,宏任务在DOM渲染后触发

四、微任务和宏任务的根本区别

微任务是由ES6语法规定的

宏任务是由浏览器规定的

五、事件循环的整体流程

先清空call stack中的同步代码

执行微任务队列中的微任务

尝试DOM渲染

触发Event Loop反复询问callbackQueue中是否有要执行的语句,有则放入call back继续执行

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值