{"componentChunkName":"component---src-templates-blog-post-js","path":"/learn-about-the-event-loop-node/","result":{"data":{"markdownRemark":{"html":"<h2>前言</h2>\n<p>经过上面的浏览器的事件循环学习，我们已经对事件循环基本有所理解，也接触到了宏任务和微任务，在阅读狼叔的过程中，发现node事件循环的实现是依靠的libuv引擎，和浏览器的事件循环有所不同</p>\n<h2>Node中的事件循环</h2>\n<p>node中的事件循环模型是这样的</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 590px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/6ef8c1bb3b43b44f880a696b025ca441/0e904/eventLoop.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 61.48648648648649%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAABYlAAAWJQFJUiTwAAABBUlEQVQoz5WSyQqEQAxE/f//8ybu+757zPACERlQZw7B7tC+rkq103Wd1HUtwzBInueSZZn0fS/0t22Tfd/P71PZGadpGqmqSqZpUliSJDLPs9CndxzHK/B6sYOytm1VXZqmEkWRQlEN8G+F2DNoURQKLctSbV+B33V3kQKxbOqCIJA4jhU+jqNatsOsbX+n+lTIzIAwR+zTY5YAUMqaC6hXhVgEyOwomylf1KPcdV3xPE/PAb8FogQohwjCwqBnQC7xfV9hKFyW5X2GgFBCsca+KbE9xfoReFXID9hf11UftqX8HchjKNgAQsqkS8phGOoMLeW/ng0qUINte9zUVeEvD9uAH3hbko9gTvjyAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Image text\"\n        title=\"Image text\"\n        src=\"/static/6ef8c1bb3b43b44f880a696b025ca441/fcda8/eventLoop.png\"\n        srcset=\"/static/6ef8c1bb3b43b44f880a696b025ca441/12f09/eventLoop.png 148w,\n/static/6ef8c1bb3b43b44f880a696b025ca441/e4a3f/eventLoop.png 295w,\n/static/6ef8c1bb3b43b44f880a696b025ca441/fcda8/eventLoop.png 590w,\n/static/6ef8c1bb3b43b44f880a696b025ca441/efc66/eventLoop.png 885w,\n/static/6ef8c1bb3b43b44f880a696b025ca441/c83ae/eventLoop.png 1180w,\n/static/6ef8c1bb3b43b44f880a696b025ca441/0e904/eventLoop.png 1384w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<p>从模型中，我们可以大致对node中的事件循环的顺序有个大概的了解：\n输入数据-->轮询阶段(poll)-->检查阶段(check)-->关闭事件回调阶段(close callback)-->定时器检测阶段(timer)-->I/O事件回调阶段(I/O callbacks)-->闲置阶段(idle, prepare)-->轮询阶段.下面来详细的了解下各个阶段的工作。</p>\n<h2>阶段概述</h2>\n<ul>\n<li>timers(定时器检测阶段)：本阶段执行 timer 的回调，即 setTimeout、setInterval 里面的回调函数。</li>\n<li>I/O callbacks(I/O事件回调阶段)：执行几乎所有的回调。执行延迟到下一个循环迭代的 I/O 回调，即上一轮循环中未被执行的一些I/O回调。</li>\n<li>idle, prepare(闲置阶段)：仅系统内部使用。</li>\n<li>poll(轮询阶段)：检索新的i/o事件,node可能会阻塞在这个阶段</li>\n<li>check(检查阶段)：setImmediate()回调函数在这个阶段执行</li>\n<li>close callback(关闭事件回调阶段)：例如socket.on('close', ...)一些关闭的回调函数</li>\n</ul>\n<h2>poll阶段</h2>\n<p>这个阶段可以说是比较重要的阶段，当代码被传入libuv引擎后，循环会首先进入poll阶段。<br>\npoll会先查看poll queue中是否有事件，有任务就按先进先出的顺序依次执行回调。 当queue为空时，会检查是否有setImmediate()的callback，如果有就进入check阶段执行这些callback。但同时也会检查是否有到期的timer，如果有，就把这些到期的timer的callback按照调用顺序放到timer queue中，之后循环会进入timer阶段执行queue中的 callback。 这两者的顺序是不固定的，收到代码运行的环境的影响。如果两者的queue都是空的，那么loop会在poll阶段停留，直到有一个i/o事件返回，循环会进入i/o callback阶段并立即执行这个事件的callback。</p>\n<h2>node和浏览器中事件循环的区别</h2>\n<p>两者最主要的区别在于浏览器中的微任务是在每个相应的宏任务完成后执行的，而node中的微任务是在不同阶段之间执行的。</p>","timeToRead":2,"frontmatter":{"title":"理解事件循环-node","date":"August 21, 2019","spoiler":null},"fields":{"slug":"/learn-about-the-event-loop-node/"}}},"pageContext":{"slug":"/learn-about-the-event-loop-node/","previous":{"fields":{"slug":"/bfc-block-level-formatting-context/"},"frontmatter":{"title":"什么是BFC ？"}},"next":{"fields":{"slug":"/learn-about-the-event-loop-browser/"},"frontmatter":{"title":"理解事件循环-浏览器"}}}},"staticQueryHashes":["3649515864","63159454"]}