码迷,mamicode.com
首页 > Web开发 > 详细

图解js里的事件循环---机制

时间:2018-09-26 00:15:03      阅读:256      评论:0      收藏:0      [点我收藏+]

标签:png   ima   连续   异步   顺序   技术分享   取出   img   同步   

理解事件循环之前先要知道何为异步同步,(事件循环看最后一句)

  同步:程序按顺序连续执行

    在主线程上排队执行任务。前一个完毕,后一个才执行 如果要等,会一直等待下去,直到收到消息再执行?。 阻塞?

  异步:程序不连续分段执行

    为了不阻塞、不浪费等待的时间

  比喻:事情可以分为前半段和后半段,同步是前半段后半段同时按顺序一起完成。异步是先做前半段,后半段有时间再做。

技术分享图片

我理解的

技术分享图片

总结

  1栈里会按顺序执行队列,

?  2有多个队列:事件队列(主)、宏队列、微队列

  3 异步分为:宏任务、微任务,对应宏队列和微队列?

  4主线程里有:同步、异步。按顺序执行,遇到异步挂起,让后面先执行

  5 挂起的会进入另一个队列(宏/微),等有结果在回头执行??

  6?等有结果的意思:执行栈内的同步内容执行完毕和异步返回结果

  7执行栈完毕,先处理所有微任务队列,再处理从宏任务队列取出事件?

事件循环:主线程从任务队列中读取和执行?事件的过程,且不断循环

图解js里的事件循环---机制

标签:png   ima   连续   异步   顺序   技术分享   取出   img   同步   

原文地址:https://www.cnblogs.com/TAO-JL/p/9704248.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!