事件循环机制

浏览器的进程模型

问：什么是进程？

答：程序运行的专属的内存空间，可以称之为进程，每个应用至少有一个进程，进程之间是相互独立的，要经双方同意后，他们之间才能进行通信。

问：什么是线程？

代码在进程中运行，实际来运行这些代码的是线程，一个线程至少有一个线程，所以在进程开启后会自动创建一个线程来运行代码，该线程称之为主线程。

一个进程可以包含多个线程

一个应用可以包含多个进程

浏览器有哪些进程和线程？

浏览器是一个多进程多线程的应用程序

浏览器的内部工作极其复杂，为了避免相互影响，为了避免连环崩溃的几率，当启动浏览器后，他会自动启动多个进程。

其中，最主要的进程有：

• 浏览器进程
• 网络进程
• 渲染进程 

   渲染进程启动后，会开启一个渲染主线程，这个主线程负责执行HTML、CSS、JS代码，我们的事件循环机制故事就在其间悄然发生~~~~~~

渲染主线程是如何工作的？

1. 在最开始的时候，渲染主线程会进入一个无限循环
2. 每一次循环会检查消息队列中是否有任务存在。如果有，就取出第一个任务执行，执行完一个后进入下一个循环；如果没有就进入休眠状态。
3. 其他线程包含其他进程的线程可以随四向消息队列添加任务。新任务会加到消息队列的末尾。在添加新任务时，如果主线程是休眠状态，则会将其唤醒以继续循环拿取任务。

如此，每个任务有条不紊、持续进行。

什么是异步？

代码在执行过程中，会遇到一些无法立即处理的任务，例如计时器回调、网络回调、用户操作事件等等

如果让渲染主线程等待这些任务的时机到达，就会导致主线程长期处于阻塞状态，从而导致浏览器卡死。

但是，渲染主线程承担着及其重要的工作，例如页面绘制，无论如何都不能阻塞！

因此，浏览器选择异步来解决这个问题。使用异步的方式，浏览器永不阻塞。

如何理解JS的异步？

JS是一门单线程的语言，这是因为它运行在浏览器的渲染主线程中。

渲染主线程承担着诸多的工作，例如：渲染页面、执行JS等。

如果使用同步的方式，就极有可能导致主线程产生阻塞，从而导致消息队列中的很多其他任务无法得到执行。这样一来，一方面会导致繁忙的主线程白白的消耗时间，另一方面导致页面无法及时更新，给用户造成卡死现象。

所以浏览器采用异步的方式来避免。具体做法是当某些任务发生时，比如计时器、网络、事件监听，主线程将任务交给其他线程去处理，自身立即结束任务的执行，转而继续执行后续代码。当其他线程完成时，将事先传递的回调函数包装成任务，加入到消息队列的末尾排队，等待主线程调度执行。

在这种模式下，浏览器永不阻塞，从而最大限度的保证了单线程的流畅运行。