惊艳！可视化的 js：动态图演示 - 事件循环 Event Loop
Posted 全栈修炼
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了惊艳！可视化的 js：动态图演示 - 事件循环 Event Loop相关的知识，希望对你有一定的参考价值。
原文地址：https://dev.to/lydiahallie/javascript-visualized-event-loop-3dif 原文作者：Lydia Hallie 译者：夜尽天明 译者博客地址：https://github.com/biaochenxuying/blog/issues/65
前言
对于事件循环，这是每个 JavaScript 开发人员必然会遇到或者需要理解的内容之一。
但是对于初级开发者来说，理解起来可能有些混乱。
因为我是一个视觉学习者，所以我通过低分辨率 gif 图的可视化方式来帮助你理解它。
事件循环
但是首先，事件循环是什么，为什么要关心呢？
JavaScript 是 单线程的：一次只能运行一个任务。
通常，这没什么大不了的，但是现在想象你正在运行一个耗时 30 秒的任务。
在此任务中，我们等待 30 秒才能进行其他任何操作（默认情况下，JavaScript 在浏览器的主线程上运行，因此整个用户界面都停滞了）
以上是关于惊艳！可视化的 js：动态图演示 - 事件循环 Event Loop的主要内容，如果未能解决你的问题，请参考以下文章