JavaScript中事件循环机制是如何深入剖析的？

本文共计1210个文字，预计阅读时间需要5分钟。

前言+众所周知，JavaScript是单线程这一核心，既是浏览器又能很好地处理异步请求，那么为什么是这样呢？其中的原理与事件循环机制有很大关系。在探索事件循环之前，我们先了解浏览器的执行机制。

前言

众所周知， JavaScript是单线程这一核心,可是浏览器又能很好的处理异步请求，那么到底是为什么呢？其中的原理与事件循环机制大有关系。

在探索事件循环之前，我们得先了解浏览器执行线程~~

浏览器的渲染进程是多线程的，浏览器每一个tab标签都代表一个独立的进程，其中浏览器内核属于浏览器多进程中的一种，主要负责页面渲染，脚本执行，事件处理等。其包含的线程有以下几种

GUI 渲染线程：负责渲染页面，解析 HTML，CSS 构成 DOM 树；
JS 引擎线程：解释执行代码、用户输入和网络请求；
事件处理线程：click、mouse等交互事件发生后将事件函数放入队列；
定时器触发线程：等时间结束后执行函数推入任务队列中；
http网络请求线程：处理用户的get、post请求，返回结果推入任务队列中。

了解了浏览器渲染流程，还要了解JS的运行机制。JS的运行机制就是事件循环

执行栈

JS运行的环境称之为宿主环境。