JavaScript 中的事件循环（Event Loop）是一个核心概念，可以帮助我们避免阻塞主线程。当我们编写 JavaScript 代码时，我们要尽可能地避免使用长时间运行的循环或阻塞代码，因为这会导致主线程被占用，页面无法响应用户的交互。
事件循环是一种机制，它允许 JavaScript 在执行代码时同时处理异步操作。它通过将事件添加到队列中来实现这一点，然后按照顺序处理这些事件。这些事件可以是用户交互、网络请求、计时器等。当我们编写代码时，我们可以使用回调函数、Promise、async/await 等方法来注册这些事件的处理程序，以便在适当的时候执行它们。
JavaScript 引擎使用单线程模型来执行代码，这意味着它只能在任何给定时间点执行一个操作。这就是为什么长时间运行的代码会阻塞主线程的原因。事件循环让我们能够将这些操作分解成小块，以便在主线程不被阻塞的情况下完成它们。
事件循环的流程大致如下：
这个过程不断重复，直到事件队列为空。通过这种方式，JavaScript 可以在执行异步操作的同时继续处理其他任务，从而避免阻塞主线程。
总之，JavaScript 中的事件循环是一种核心概念，它可以帮助我们避免阻塞主线程。我们可以使用回调函数、Promise、async/await 等方法来注册事件的处理程序，并将它们添加到事件队列中。JavaScript 引擎会按照顺序处理这些事件，从而使我们能够同时处理异步操作并保持主线程的响应性。