js-事件循环(Event Loop)

事件循环

在最开始的时候，渲染主线程会进入一个无限循环，每次一循环会检查消息队列中是否有任务存在，如果有则取出第一个任务去执行，执行完后进入下一次循环；
如果没有，则进入休眠状态；其它所有线程可以随时向消息队列中添加新任务，新任务会加入消息队列末尾。在添加新任务时，如果主线程是休眠状态，则会将其唤醒以继续循环拿取任务。这个过程称为事件循环（消息队列）。

浏览器进程和线程

浏览器是多进程和多线程的应用程序，主要进程包括（浏览器进程、网络进程、渲染进程）

浏览器进程

负责界面显示、用户交互、子进程管理等。

网络进程

负责加载网络等

渲染进程

该进程启动后会开启一个渲染主线程，主要负责执行HTML、CSS、JS代码。每个标签页都是一个新的渲染进程，标签页之间互不干扰。

渲染主线程

该线程的任务主要是解析HTML代码、解析CSS、计算样式、布局、处理图层、刷新帧（60fps）、执行js、执行事件处理函数、执行计时器回调函数等等。

如何理解JS的异步

js是一门单线程语言，这是因为它运行在浏览器渲染主线程中，而渲染主线程只有一个。渲染主线程承担着诸多工作，渲染页面、执行js都在其中运行。
如果采用同步的方式，就极有可能导致主线程产生阻塞，从而导致消息队列中的很多其它任务无法得到执行，这样一来会导致页面无法及时更新，给用户造成卡死现象。所以浏览器采用异步的方式来避免。具体做法是当某些任务发生时，比如计时器、网络、事件监听，主线程会将任务交给其它线程去处理，自身立即结束任务的执行，转而执行后续的代码。当其它线程完成时，将事先传递的回调函数包装成任务，加入到消息队列的末尾排队，等待主线程调度执行。在这种异步模式下，浏览器永不阻塞。

任务优先级

任务没有优先级，在消息队列中先进先出，但是消息队列是有优先级的。任务是有类型的，不同类型任务会分类放到不同的队列中去，在事件循环中，浏览器会根据实际情况从不同的队列中取出任务去执行。浏览器会有一个微队列，微队列中的任务优先所有其它任务执行。

  Promise.resolve().then(函数)
  // 该方式中的函数任务会添加到微队列中去，优先执行