概念
- 浏览器、JS、执行引擎的关系
-
浏览器： Javascript语言的真实运行环境，又称之为JS的宿主环境。
-
javascript： 一门计算机语言，提供了表达程序逻辑的语法和实现基本功能的API。
-
执行引擎： Javascript宿主环境（例如浏览器）中的一个功能模块，用于解析并执行javascript。
他们的关系如： JS代码 => 浏览器（执行引擎、其他功能模块）
进程 和 线程
进程：当一个应用程序运行时，需要使用内存和CPU资源，这些资源需要向操作系统申请。操作系统以进程的方式来分配这些资源，一个进程就代表着一块独立于其他进程的内存空间。一个应用程序要运行，必须至少有一个进程启动。进程的最大特点是独立，一个进程不能随意的访问其他进程的资源。这就保证了多个程序在操作系统上运行互不干扰。
线程：可能要同时执行多个任务，每个任务需要在一个线程上运行，线程与线程之间相对独立，但可以共享应用程序的进程数据。
如何理解JS的单线程
我们之所以称JS为单线程的语言，是因为它的执行引擎只有一个线程，并且不会在执行期间开启新的线程。而并非浏览器是单线程的。
浏览器进程中有一下线程：
- JS执行引擎
- GUI
- 事件监听
- 计时
- 网络
JS如何处理多任务
由于JS的执行线程只有一个，因此，它通过异步的方式来解决这些任务。
同步代码 和 异步代码
同步代码：程序启动后，在JS执行线程上立即执行的任务代码
异步代码：收到宿主环境（浏览器）的其它线程通知，即将在JS执行线程上执行的代码，例如计时器回调函数中的代码，事件中的代码。JS中的异步代码往往放到一个函数中，该函数成为异步函数，或者描述为，该函数是异步的
执行栈
为了保证JS代码有序的执行，JS执行引擎使用执行栈来组织JS代码
每当调用一个函数时，都会在执行栈中创建一个执行上下文，上下文中提供了函数执行需要的环境，创建了上下文之后，再执行函数
事件循环
事件循环是JS处理异步函数的具体方法
具体的做法是：
- 执行 执行栈 中的代码
- 遇到一些特殊代码交给浏览器的其他线程处理
- 将执行栈中的代码全部执行完毕
- 从事件队列中取出第一个任务放入执行栈，然后重复第1步
事件队列在不同的宿主环境中有所差异，大部分宿主环境会将事件队列进行细分。在浏览器中，事件队列分为两种：
- 宏任务（队列）：macroTask，计时器结束的回调、事件回调、http回调等等绝大部分异步函数进入宏队列
- 微任务（队列）：microTask，Promise.then, MutationObserver
当执行栈清空时，JS引擎首先会将微任务中的所有任务依次执行结束，如果没有微任务，则执行宏任务。
